angular ng-true-value和ng-false-value

宋景福
2023-12-01

angular中的checkbox

  • angular中我们在使用checkbox的时候通常是两个状态 选中为true 取消选中为false

  • 当我们需要在选中和非选中的时候获取不一样的值的时候就需要ng-true-value和ng-false-value 了

具体使用规则如下:

<input type="checkbox" ng-model="open" ng-true-value="'off'" ng-false-value="'on'">开关</label>
   

这样我们获取到的model就是on和off了。

如果我们需要传入数字型的不加单引号就可以了。

<input type="checkbox" ng-model="open" ng-true-value="1" ng-false-value="0">开关</label>

这样就传入了number类型的数据。

 类似资料: