使用 angularjs 的复选框指令

Posted 2023-03-12

【中文标题】使用 angularjs 的复选框指令

【英文标题】：checkbox directive using angularjs

【发布时间】：2016-02-27 10:46:49

【问题描述】：

我正在尝试使用 angularjs.The code is here in JSFIDDLE 创建一个复选框指令

它只适用于 ng-model 和文本。

但是如果我添加 ng-true-value 和 ng-false 值，它会抛出错误

nged2angular.js:12520 Error: [ngModel:constexpr] Expected constant expression for `ngTrueValue`, but saw `bindedTrueValue`.

我还需要在指令中使用 ng-change 控制器功能。

【参考方案1】：

两件事，

首先，您将 'checkboxChanged' 函数传递给指令，因此您需要在指令范围内使用 &ngChange 而不是 =ngChange。

如果没有 ，则 bindedTrueValue 和 bindedFalseValue 将被视为字符串，而不是来自控制器的角度变量。所以，应该改成

<input type="checkbox" ng-model="bindedModel" ng-true-value="bindedTrueValue" ng-false-value="bindedFalseValue" ng-change="bindedChange">

查看此codepen 以获得工作演示。