Javascript 如何将k-ng-model初始化为剑道模板？

我对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>

没问题

但我不想将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"

        });

$（“#项目设置”）.kendoToolBar({
可调整大小：false，
项目：[
{模板：'背景：'}，
]
});
$（“#colorPalette1”）。kendoColorPalette({
调色板：“基本”，
值：“#ffffff”
});

但是现在，

$scope.$watch（）

函数不监视

k-ng-model=“colorpletedata”

---

如何解决这个问题？

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

   $("#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"

        });