Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 将ngTrueValue和ngFalseValue设置为数字大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经绑定了一个值的复选框:
<input type="checkBox" ng-model="checkBox" ng-true-value="1" ng-false-value="0" />

在控制器中复选框的值设置为1:

function Controller($scopE) {
    $scope.checkBox = 1
}

但是,最初该复选框未出现选中状态。如果我将$ scope.checkBox的初始值更改为“1”,它会。 (jsfiddle demo)

我试过各种各样的变化:

ng-true-value="{{1}}"
ng-true-value="{{number(1)}}"
ng-true-value="{{parseInt('1')}}"

他们没有工作我如何使角度处理参数作为一个数字?

你可以使用 ngChecked,如果表达式是真实的,那么将在元素上设置特殊属性checked”
<input type="checkBox" 
    ng-model="checkBox" 
    ng-true-value="1" 
    ng-false-value="0" 
    ng-checked="checkBox == 1" />

你可以使用$ scope。$ watch将它转换为数字

$scope.$watch(function(){
    return $scope.checkBox;
},function(){
    $scope.checkBox = number($scope.checkBox);
    console.log($scope.checkBox,typeof $scope.checkBox);
},truE);

DEMO

大佬总结

以上是大佬教程为你收集整理的angularjs – 将ngTrueValue和ngFalseValue设置为数字全部内容,希望文章能够帮你解决angularjs – 将ngTrueValue和ngFalseValue设置为数字所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。