如何将k-ng模型初始化为剑道模板

How to initialize k-ng-model to Kendo template?

本文关键字：初始化 k-ng 模型      更新时间：2023-09-26

我在AngularJS中使用剑道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"

我该如何解决这个问题?

你不应该使用jQuery初始化这个小部件，你需要使用Kendo UI指令。

相关文章：