如何将 k-ng-model 初始化为 Kendo 模板？答案

【问题标题】：How to initialize k-ng-model to Kendo template?如何将 k-ng-model 初始化为 Kendo 模板？
【发布时间】：2015-05-27 05:32:27
【问题描述】：

我在 AngularJS 中使用 kendo UI。

我直接在 html 中尝试过这样的事情：

 <div id="item-settings">
    <label>BACKGROUND:</label><div style="display: block" id="colorPalette1" kendo-color-palette k-ng-model="colorPaletteData" k-opacity="true"></div>
</div>

在我的角度控制器中是这样的：

 $scope.$watch('colorPaletteData', function (newValue, oldValue) {
        changeColor(newValue);
    })

没问题。

但我想不直接将html内容添加到html中，而是使用这样的javascript：

   $("#item-settings").kendoToolBar({
            resizable: false,
            items: [

                { template: '<label>BACKGROUND:</label><div style="display: block"  id="colorPalette1" kendo-color-palette k-ng-model="colorPaletteData" k-opacity="true"></div>' },

            ]
        });


    $("#colorPalette1").kendoColorPalette({
            palette: "basic",
            value: "#ffffff"

        });

但现在$scope.$watch() 函数不监视k-ng-model="colorPaletteData"

我该如何解决这个问题？

【问题讨论】：

标签： javascript html angularjs kendo-ui

【解决方案1】：

您不应该使用 jQuery 初始化小部件，您需要使用 Kendo UI 指令。由于目前没有针对范围评估模板。

【讨论】：