Jspanel (finta finestra modale in cshtml) con angularjs

Question

Qualcuno ha usato JsPanel con AngularJS?

Non riesco a trovare esempi di questo. Altrimenti, esiste un framework simile per gestire la finestra modale all'interno di una pagina, aprire e accedere a un iframe al suo interno e utilizzare la comunicazione postmessage?

Answer 1

Si potrebbe dare un'occhiata al framework di Kendo Ui. Hanno una bella finestra modale con supporto iframe: Kendo Window. Sembra anche che ci siano alcune caratteristiche di angular.js incluse.

Non so se è adatto alle vostre esigenze, ma è una buona struttura che vale la pena dare un'occhiata. Spero possa aiutare!

Answer 2

Un modo per includere il contenuto angolare è utilizzare la direttiva per avviare JSPanel, includere un div con un ID con contenuto angolare nella pagina. Questo ha funzionato per me.

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

Aggiungere un div con un ID con il contenuto angolare (questo è solo preferito esempio ToDo di un tutti:

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