使用 AngularJS 的 Kendo UI 开关控制答案

【问题标题】：KendoUI Switch control with AngularJS使用 AngularJS 的 Kendo UI 开关控制
【发布时间】：2016-04-11 17:56:04
【问题描述】：

我正在尝试将 kendo UI 的开关控制 (http://demos.telerik.com/kendo-ui/web/mobile/switch.html) 与 angularjs 一起使用。我遇到的问题是该值未与模型绑定。我是这样使用它的：

<input type="checkbox" id="locked" kendo-mobile-switch on-label="Yes" off-label="No" ng-model="Model.IsLocked" checked="{{Model.IsLocked}}" data-role="switch">

基本上模型中的变量会保留从 db 接收到的值，而与 UI 上的状态无关。

我遇到的第二个问题是打开和关闭标签，它一直显示默认的打开和关闭。

【问题讨论】：

您找到解决方法了吗？我遇到了同样的问题并尝试了一些不同的方法，例如绑定到已检查和监视更改的事件，然后更改我的范围变量，但这是一个肮脏的解决方法。

标签： javascript angularjs checkbox kendo-ui

【解决方案1】：

我在 github 站点上打开了一个问题并应用了修复程序。请参阅此链接：

“我推送了一个修复程序，如果您使用 k-ng-model，它现在应该可以工作了。普通的 ng-model 仍然损坏。”

https://github.com/kendo-labs/angular-kendo/issues/333

【讨论】：

【解决方案2】：

第二个问题（开/关标签）是因为它应该是：

k-on-label="'Yes'" k-off-label="'No'"

注意字符串字面量，否则将被解释为变量。

【讨论】：