Jspanel (фальшивое модальное окно в cshtml) с angularjs

Question

Использует ли кто-нибудь JsPanel с AngularJS?

Я не могу найти примеров этого. В противном случае существует ли какая-либо подобная структура для управления модальным окном внутри страницы, открытия и доступа к iframe в ней и использования сообщений postmessage?

Answer 1

Вы можете ознакомиться с картой Kendo Ui. У них хорошее модальное окно с поддержкой iframe: Kendo Window. Даже похоже, что есть некоторые функции angular.js.

Я не знаю, подходит ли оно вашим потребностям, но это хорошая структура, заслуживающая внимания. Надеюсь, это поможет!

Answer 2

Один из способов включить Угловой контент - использовать директиву для запуска JSPanel, включить 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 с вашими угловыми содержанием (это просто избранный, каждый 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>