angularjs - KendoUI numerictextbox 格式不能使用 angularJS 指令

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
    });
});

应该被删除。

相反，您应该直接在 View 中设置选项，或者使用“k-options”设置选项并将其绑定(bind)到范围变量。

作为引用，这是您应该使用的代码:

<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" />

在您的 Controller /指令中，您应该为选项和值变量设置模型:

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

这是您的一组选项的工作示例:
http://dojo.telerik.com/oKIJ