angularjs：如何設置kendo模板內的kendo顏色選擇器的值？

Question

我有以下rowTemplate我的劍道格：

<script id="gridTemplate" type="text/x-kendo-template"> 
<tr data-uid="#= uid #"> 
    <td> 
     <input type="color" kendo-color-picker k-palette="controller.colors" value="'#=color#'" on-change="controller.changeColor()" /> 
    </td> 
</tr> 

我的問題是，我想設置從dataItem.color財產拾色器的價值。有了上面的語法我得到以下信息： The specified value "'#0000ff'" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.

如果我將其更改爲value="#=color#"（不含雙引號），然後我得到：

Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 0- 0 [#] in expression [#00ff00]. 
http://errors.angularjs.org/1.4.0/$parse/lexerr?p0=Unexpected%20next%20character%20&p1=s%200-0%20%5B%23%5D&p2=%2300ff00 
Cause: <input type="color" kendo-color-picker="" k-palette="trend.colors" value="#00ff00" on-change="trend.changeColor()"> 
{anonymous}()@columns 0-0 [#] in expression [#00ff00]. 
{anonymous}() (http://errors.angularjs.org/1.4.0/)$parse/lexerr?p0=Unexpected%20next%20character%20&p1=s%200-0%20%5B%23%5D&p2=%2300ff00 

我試圖移動模板的角碼使用function(dataItem)但導致相同的錯誤。任何幫助都感激不盡。

Answer 1

我在嘗試設置值字段時收到同樣的錯誤。相反，我試圖設置代表調色板的視圖模型/ $ scope屬性。

劍道拾色器控制

 <input kendo-color-picker ng-model="dashboardBuilder.templateOptions.titleBackgroundColor" k-palette="'websafe'" k-preview="false" k-input="true" k-opacity="true"/> 

上設置的調色板的財產控制器的負載事件作爲這樣

vm.templateOptions = { 
      titleBackgroundColor: '#000000' 
     }; 

這將默認你拾取到您選擇的顏色。