angularjs - 在 AngularJS 中使用带有 KendoUI 的模态窗口

Question

有没有人有使用 AngularJS 的 KendoUI 窗口的经验？

我目前正在使用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.c​​om/blogs/teamblog/posts/13-06-24/announcing-angular-kendo-ui.aspx?utm_content=bufferbbe83&utm_source=buffer&utm_medium=twitter&utm_campaign=Buffer

他们重写了 Angular-Kendo，并提供了一个使用窗口的干净方式的示例。

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