angular.js - angular如何给一个boolean的值添加一个字段来判断

Question

如下：<input type="text" readonly="ifReadOnly()"/>
readonly="expression"

expression中如何根据控制器来获得呢，

if($scope.index == “0”){
                
                $scope.ifReadOnly=function(){
                    
                    return false;
                }
            }else{
                
                $scope.ifReadOnly=function(){
                    
                    return true;
                }
            }

readonly="expression" 写成readonly="ifReadOnly（）"不可以的。

如何修改才能让readonly根据expression不同的值去产生作用呢？

Answer 1

Let’s do this:

<input type="text" readonly="ifReadOnly"/>

$scope.$watch('index', function(newIndex){
    $scope.ifReadOnly = newIndex !== '0';
});

Answer 2

html:

<input type="checkbox" ng-model="demo.readOnly" ng-change="handleRead()">

js:

// 默认值
$scope.demo = {
    readOnly: true
};

$scope.handleRead = function () {
    if ($scope.demo.readOnly) {
        // todo readonly
    } else {
        // todo not readonly
    }
};

Answer 3

用ng-readyonly, https://docs.angularjs.org/api/ng/directive/ngReadonly