Jspanel (falsches modales Fenster in cshtml) mit angularjs

Question

Hat jemand JsPanel mit AngularJS benutzt?

Ich kann keine Beispiele dafür finden. Gibt es sonst ein ähnliches Framework, um das modale Fenster in einer Seite zu verwalten, einen iframe darin zu öffnen und darauf zuzugreifen und die postmessage-Kommunikation zu verwenden?

Answer 1

Sie könnten sich das Kendo Ui-Framework ansehen. Sie haben ein schönes modales Fenster mit iframe Unterstützung: . Es sieht sogar so aus, als gäbe es einige angular.js Features.

Ich weiß nicht, ob es Ihren Bedürfnissen entspricht, aber es ist ein guter Rahmen, der einen Blick wert ist. Ich hoffe, das hilft!

Answer 2

Eine Möglichkeit, um eckigen Inhalt einzuschließen, ist die Verwendung der Direktive, um den JSPanel zu initiieren, ein div mit einer ID mit Angular content auf der Seite einzufügen. Das hat bei mir funktioniert.

.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); 
 
      } 
 
     }; 
 
    })

hinzufügen div mit einer ID mit Ihrem Angular Inhalt (Dies ist nur ein Lieblings ToDo Beispiel der alle:

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