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

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

1 个答案: