使用angularJS指令时,KendoUI numerictextbox格式不起作用

Question

我的页面中有一个KendoUI数字文本框.当我使用AngularJS指令时,它工作正常.

<input id="currency" type="number" value="30" min="0" max="100" />


$(document).ready(function () {
    $("#currency").kendoNumericTextBox({
    format: "R$ #",
    decimals: 0
    });
});

当我更改组件属性以接受AngularJS指令时,格式停止工作:

<input id="currency" name="currency" kendo-numeric-text-box k-value="30" k-min="0" k-max="100" />

$(document).ready(function () {
    $("#currency").kendoNumericTextBox({
    format: "R$ #",
    decimals: 0
    });
});

使用AngularJS指令时,有什么需要做这项工作(格式)？

问候.

Answer 1

使用angular-kendo指令时,不应使用jQuery kendo指令调用.因此,你的jquery代码:

$(document).ready(function () {
    $("#currency").kendoNumericTextBox({
    format: "R$ #",
    decimals: 0
    });
});

应该删除.

相反,您应该直接在视图中设置选项,或者使用"k-options"设置选项并将其绑定到范围变量.

作为参考,这是你应该使用的代码:

<input id="currency" name="currency" kendo-numeric-text-box k-options="options" k-ng-model="val" k-value="30" k-min="0" k-max="100" />

在您的控制器/指令中,您应该为选项和值变量设置模型:

$scope.options = {
          format: "R$ #",
                decimals: 0
        }

以下是一组包含以下选项的工作示例:http: //dojo.telerik.com/oKIJ