2017-07-19 63 views
-1

我在我的表单上添加了字段按钮,其中有1个ng标签输入字段。选择当我点击添加字段按钮后,添加新的ng-tags-input字段,我想禁用以前添加的字段,因为用户可以点击它并获取来自服务器的最新数据。我尝试使用IsDisable技术,但它同时禁用所有字段。添加新字段时禁用以前添加的ng标签输入

HTML

<tags-input ng-model="inputValue" id="{{inputSelected.value}}" display-property="name" placeholder="Select Value" text="text" replace-spaces-with-dashes="false" ng-disabled=""> 
    <auto-complete source="loadInputValues($query)" min-length="0" load-on-focus="true" load-on-empty="true" max-results-to-show="1000"></auto-complete> 
</tags-input> 
<button type="button" ng-disabled="myform.$invalid" data-ng-show="showAddChoice(choice)" title="Add New Filter" data-ng-click="addNewChoice()" class="btn">Add Filter</button> 

JS

$scope.addNewChoice = function() { 
      var newItemNo = $scope.choices.length + 1; 
      if (newItemNo <= 10) { 
       $scope.choices.push({ 
        // 'id' : 'input' + newItemNo, 
        'id' : newItemNo, 
        'name' : 'input' + newItemNo 
       }); 
      } 
      //$scope.disableIt = {isDisabled: true}; 
     }; 

$scope.showAddChoice = function(choice) { 
     return choice.id === $scope.choices[$scope.choices.length - 1].id; 
    }; 
+0

请仔细阅读[在什么情况下我可以添加“紧急”或其他类似的短语到我的问题,以获得更快的答案?](//meta.stackoverflow。 com/q/326569) - 总结是这不是解决志愿者问题的理想方法,而且可能对获得答案起反作用。请不要将这添加到您的问题。 – halfer

回答

0

我自己解决了这个问题,它采用NG-禁用=“choice.id