jspanel（cshtml中的假模態窗口）與angularjs

有沒有人使用JsPanel和AngularJS？jspanel（cshtml中的假模態窗口）與angularjs

我找不到這樣的例子。否則，有沒有類似的框架來管理頁面內的模式窗口，打開並訪問其中的iframe，並使用postmessage通信？

來源

2015-06-13 user2328912

我假設你需要做一個文件上傳？否則，香草jQuery post方法應該足夠了（http://api.jquery.com/jquery.post/ ）。換句話說：你實際上需要做什麼？ – hoffmanc

你可以看看Kendo UI框架。他們有一個很好的模式窗口，支持iframe：Kendo Window。它甚至看起來像包含一些angular.js功能。

我不知道它是否適合您的需求，但它是一個很好的框架，值得一看。希望有所幫助！

來源

2015-07-20 09:14:24 Logard

包含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); 
 
      } 
 
     }; 
 
    })

添加一個div與您的角度內容的ID（這只是一個大家最喜歡的待辦事項例如：

<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>

來源

2015-12-04 15:37:55

法定限制值爲： E代表元素名稱 A代表屬性 C代表類別 M表示評論 –

jspanel（cshtml中的假模態窗口）與angularjs

回答

相關問題