angulaire.js - Comment angulaire ajoute-t-il un champ pour déterminer une valeur booléenne?

Question

Comme suit :<input type="text" readonly="ifReadOnly()"/>
readonly="expression"

Comment l'obtenir depuis le contrôleur en expression ?

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

readonly="expression" ne peut pas être écrit comme readonly="ifReadOnly()".

Comment le modifier pour que la lecture seule puisse fonctionner selon différentes valeurs d'expression ?

Answer 1

Faisons ceci :

<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-readonly, https://docs.angularjs.org/api/ng/directive/ngReadonly