ドロップダウンリスト項目を追加した後、無効にしたボタンを有効にします

Question

jqueryを使用してドロップダウンに項目を追加して選択しますが、無効にしたボタンは角度の後に有効にできません。

<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を使用しています。 オブジェクトはどこかに継承される可能性があるため、この値は更新できません。

アプリケーション全体を通してオブジェクトを使用してください。 Like

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