javascript - Angular JS 动态模型

Question

我在这里想做的是，当我在 MainField 中输入文本时，我希望 DateField 和 NumberField 为已启用。我希望 $scope.enableSubFields 是通用的，以便它可以用作实用程序。 ( Controller 不起作用，我只是想展示我想要的东西:))

这是我的 HTML:

        <div>
            <label>IF THIS HAS TEXT THEN ENABLE DATE AND NUMBER FIELD</label>
            <input type="text" ng-model="MainField" ng-change="enableSubFields('MainField','Subfield')"/>
        </div>
        <div>
            <label>DATE FIELD</label>
            <input type="text" ng-model="DateField" ng-disabled="Subfield"/>
        </div>
        <div>
            <label>NUMBER FIELD:</label>
            <input type="text" ng-model="NumberField" ng-disabled="Subfield"/>
        </div>

这是我的 Controller

$scope.Subfield= true;
$scope.enableSubFields = function (mainField, subfield) {

    if ($scope + '.' + mainField != "") {
        $scope + '.' + subfield = false;
    } else {
        $scope + '.' + subfield = true;            
    }
}; 

Answer 1

您需要使用括号表示法来访问对象的动态属性。所以你的代码应该是:

$scope.enableSubFields = function(mainField, subfield) {
    if ($scope[mainField] !== "") {
        $scope[subfield] = false;
    } else {
        $scope[subfield] = true;
    }
};

或更短:

$scope.enableSubFields = function(mainField, subfield) {
    $scope[subfield] = $scope[mainField] == "";
};

演示:http://plnkr.co/edit/IbVzrPFEf624JiG6hIrC?p=preview