Question

我通过jquery在dropdown中添加一个项目并将其选中但是在Angular中后禁用了按钮无法启用。

<select ng-model="dropdown" name="DumyDDp" id="DumyDDp">
    <option value="0">-- Select Value --</option>
</select>

<button type="button" class="btn" ng-disabled="(!dropdown)" >Save</button>

$(".OtherButton").on('click', function(e) {
    e.preventDefault();

    $('#DumyDDp').append($('<option>', {
        value: "1",
        text: "ABC"
    }));
    $("#DumyDDp").val("1");
});

Answer 1

不要使用jquery添加项目。

要禁用并启用您正在使用属性dropdown。无法更新此值，因为该对象可能会在某处继承。

请在整个申请中使用对象。像

obj.dropdown

对于样本，我添加了这样的内容。您可以根据需要更改obj名称。

以有棱有角的方式前进。使用data.model显示所选项目。

<select name="repeatSelect" id="repeatSelect" ng-model="data.model">
                  <option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
 </select>
 <button type="button" class="btn OtherButton"  ng-click="AddItem()">Add item</button>

//In Controller
        $scope.AddItem=function(){
             data.availableOptions.push({ id: "1",
                name: "ABC"});
        }

在下拉列表中添加列表项后启用禁用按钮

1 个答案: