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>
有人用过 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>