Aktivieren Sie eine deaktivierte Schaltfläche nach dem Hinzufügen von Listenelement in Dropdown

Question

Ich bin ein Element in Drop-down durch jquery hinzufügen und es ausgewählt, aber deaktiviert Schaltfläche konnte nicht aktiviert werden, nachdem es in 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

Fügen Sie kein Element mit jquery hinzu.

Zum Deaktivieren und Aktivieren verwenden Sie die Eigenschaft dropdown. Der Wert kann nicht aktualisiert werden, da das Objekt irgendwo geerbt werden kann.

Bitte verwenden Sie das Objekt in der gesamten Anwendung. Wie

obj.dropdown 

Für Probe habe ich so zugegeben. Sie können den Namen obj basierend auf Ihrem Bedarf ändern.

Gehen Sie in einem eckigen Weg. Verwenden Sie data.model, um das ausgewählte Element anzuzeigen.

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