Использование модального окна с KendoUI внутри AngularJS

Question

Есть ли у кого-нибудь опыт использования окна KendoUI с AngularJS?

В настоящее время я использую Angular-Kendo, но я не совсем уверен, что горячо использую окно. Или, если есть какие-либо другие решения для представления модального диалога и заполнения его формой, загруженной с помощью частичного, я тоже открыт для этого.

Мой текущий код выглядит примерно так:

HTML:

<div kendo-window id="addWindow" ng-hidden></div> 

JS:

$scope.addSection = function() { 
     $("#addWindow").data("kendoWindow").open(); 
     return false; 
    }; 

Но я ненавижу это, и она чувствует себя неправильно, как я делаю все, остальное. Любые мысли о лучшем пути?

Answer 1

Заканчивать этот блог:

http://www.kendoui.com/blogs/teamblog/posts/13-06-24/announcing-angular-kendo-ui.aspx?utm_content=bufferbbe83&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer

Они переписали Угловой-Кендо и есть пример чистого способа, чтобы использовать окно.

Answer 2

@anise спасибо за ур информации

наконец я также решить эту проблему.

Контроллер

$scope.window; 

$scope.OpenWindow= function() // custom function on click 
{ 
    $scope.DlgOptions = { 
      width: 550, 
      height: 400, 
      visible: false, 
      actions: [ 

       "Maximize", 
       "Close" 
      ] 
     }; 

     $scope.window.setOptions($scope.DlgOptions); 
     $scope.window.center(); // open dailog in center of screen 
     $scope.window.open(); 
}; 

Посмотреть

<div kendo-window="window" k-visible="false" k-modal="true"> </div> 

Answer 3

Проверить эту библиотеку

https://github.com/kjartanvalur/angular-kendo-window

var windowInstance = $kWindow.open({ 
         options:{ 
         modal: true, 
         title: "Window title", 
         width: 400, 
         }, 
         templateUrl: 'modal1.html', 
         controller: 'modalController', 
         resolve: { 
          parameter1: function() { 
           return "Test..."; 
          } 
         } 
        }); 
        windowInstance.result.then(function (result) { 
         // Here you can get result from the window 
        });