設置angularjs由對象值

Question

我有我的HTML端輸入文本NG-模型值，

<input ng-model="item.valueProperty" 
     ng-disabled="item.options.length>0" 
     type="text" 
     placeholder="List item value" 
     class="form-control" 
     required> 

如果item.options數組有任何項目，我的文本框的值（item.valueProperty）將被設置爲key 但我想通過ng-指令在html端進行此操作。

我無法在javascript控制器上設置它。這可能嗎？

Answer 1

我認爲這是你wantL什麼

angular.module('test', []) 
 
    .controller('test', function ($scope) { 
 
    $scope.item = { 
 
     valueProperty: 'Test', 
 
     options: [1] 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="test" ng-controller="test"> 
 
<input ng-model="item.valueProperty" 
 
     ng-disabled="item.options.length > 0 ? item.valueProperty='key' : false" 
 
     type="text" 
 
     placeholder="List item value" 
 
     class="form-control" 
 
     required> 
 
</div>

我只設置$ scope.item.valueProperty以 '鑰匙'，如果item.options.length> 0 NG-禁用指令，item.options.length > 0 ? item.valueProperty=123 : false是一個有效的表達式，所以它會起作用。