Question

我在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"

我该如何解决这个问题？

Answer 1

您不应该使用jQuery初始化窗口小部件，而是需要使用Kendo UI指令。目前，模板未根据范围进行评估。

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

1 个答案: