Question

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

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;
    };

Answer 1

我自己通过使用ng-disabled =“choice.id

解决了这个问题

添加新字段

1 个答案: