Question

我已经注意到了其他kendo-ui控件的这个问题，但我会特别询问一下kendo-notification。我的HTML有：

<span kendo-notification="vm.notifier"></span>
<button ng-click="vm.push()">Push it</button>

在我的控制器中我有：

(function () {
'use strict';

angular
    .module('app.layout')
    .controller('Shell', Shell);

function Shell() {
    /*jshint validthis: true */
    var vm = this;

    vm.push = push;

    activate();

    function activate() {
        vm.notifier.show('Loaded', 'info');
    }

    function push() {
        vm.notifier.show('Pushed', 'info');
    }

}
})();

我的问题：如果我点击按钮，我会收到通知程序。但是，在加载时，我得到： TypeError：无法读取未定义的属性“show” 在激活（http://localhost:57624/app/layout/shell.controller.js:41:24）在新壳牌（http://localhost:57624/app/layout/shell.controller.js:32:9）

我确定我在Angular中遗漏了一些有关对象状态的内容，但是我错过了在控制器的加载阶段我无法显示此通知的内容？

Answer 1

当您在控制器功能中调用激活时，尚未创建Kendo UI小部件。对此的一个解决方案是使用Kendo UI为此场景（kendoRendered）提供的全局事件之一：

angular.module('app.layout', [ "kendo.directives" ])
    .controller('Shell', function ($scope) {       
        $scope.activate = function () {
            $scope.notifier.show('Loaded', 'info');
        };

        $scope.push = function () {
            $scope.notifier.show('Pushed', 'info');
        };

        $scope.$on("kendoRendered", function(event){
            $scope.activate();
        });
    }
);

（demo）

在Angular控制器中未设置kendo-ui通知范围变量

1 个答案: