Jspanel(cshtml 中的假模态 window)与 angularjs

Jspanel (fake modal window in cshtml) with angularjs

有人用过 JsPanel AngularJS吗?

我找不到这方面的例子。否则,有没有类似的框架来管理页面内的模态 window,打开并访问其中的 iframe,并使用 postmessage 通信?

您可以看看 Kendo Ui 框架。他们有一个很好的模态 window 和 iframe 支持: Kendo Window 。它甚至看起来包含一些 angular.js 功能。

我不知道它是否适合你的需要,但它是一个值得一看的好框架。希望对您有所帮助!

包含 Angular 内容的一种方法是使用指令来启动 JSPanel,在页面上包含一个带有 Angular 内容的 ID 的 div。这对我有用.

    .directive('jspanel', function() {
        return {
            restrict: 'A',
            link: function(elem, attrs, ctrl) {
                var panel1 = $.jsPanel({
                    title:    "jsPanel Title",
                    size:     { width: 400, height: 200 },
                    position: "bottom right",
                    theme:    "success",
                    panelstatus: "minimized",
                    content:$( "#todos" )

                });
                panel1.control("disable", "close");
                window.setTimeout( function(){
                    panel1.title('<small>Memo Pad</small>');
                }, 3000);
            }
        };
    })

用您的 Angular 内容添加带有 ID 的 div(这只是每个人最喜欢的 ToDo 示例:

 <div id="todos" ng-controller="MemopadCntrl">
                <ul id="todo-list" >
                   <li ng-repeat="(id, todo) in todos |   filterCompleted:myParam " ng-class="{completed: todo.completed, editing: todo == editedTodo}">
                   </li>
               </ul>
</div>