通过对象值设置AngularJS NG模型值

Question

我的html方面有一个输入文本，

   <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

我认为这就是您想要的

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> length> 0在ng-disabled指令中， item.options.length > 0 ? item.valueProperty=123 : false是一个有效的表达式，因此它将起作用。