angular.js - How does angular add a field to determine a boolean value?

Question

As follows:<input type="text" readonly="ifReadOnly()"/>
readonly="expression"

How to obtain it from the controller in expression?

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

readonly="expression" cannot be written as readonly="ifReadOnly()".

How to modify it so that readonly can work according to different values ​​of 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