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

Кто-нибудь использовал JsPanel с AngularJS?

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

2 9
angularjs jquery razor modal-dialog postmessage

2 ответа:

Вы можете взглянуть на фреймворк пользовательского интерфейса Kendo. У них есть хорошее модальное окно с поддержкой iframe: Kendo Window. Он даже выглядит как-то угловато.особенности JS включен.

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

3

Один из способов включить Angular content - использовать директиву для инициализации JSPanel, включить div с идентификатором с Angular content на странице.. Это сработало для меня.

    .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 с идентификатором с вашим угловым содержимым (это просто любимый всеми пример 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>
2