複選框指令使用angularjs

Question

我想創建一個與angularjs複選框指令。 The code is here in JSFIDDLE

它只適用於ng模型和文本。

但是，如果我加入NG-真值和NG-假值時，它拋出的錯誤作爲

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

此外，我需要採取的指令內的NG-轉換控制功能。

Answer 1

好兩件事情，

首先，要傳遞「checkboxChanged」功能的指令，所以u需要在指令範圍，而不是= ngChange使用& ngChange。

沒有{{}}，bindedTrueValue和bindedFalseValue將被視爲字符串而不是來自控制器的角度變量。所以，應該更改爲

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

請檢查此codepen的工作演示。