Enable Disable nút/từ bộ điều khiển trên Angularjs

Question

Tôi có một tùy chọn nút HTML như sau,

<button ng-class="{'primaryButton':true}" type="button" id="modalCreateBtn" "ng-hide="false" class="btn btn-group mm-btn-save primaryButton" ng-click="addSegments()">CREATE</button> 

Không có ng-disable tùy chọn trong tùy chọn nút bên trên. Có thể bật/tắt nút này bằng buttonId trên bộ điều khiển không? Ngoài ra, tôi không muốn thêm tùy chọn vô hiệu hóa trên chế độ xem HTML. Thay vào đó, tôi muốn kiểm soát nó thông qua các tập lệnh. Điều này có thể không?

Answer 1

Bạn đã xem xét ngDisable chưa? Bạn có thể có một ngModel và thay đổi nó từ bộ điều khiển. Như ví dụ tài liệu nói ở đây:

<span ng-controller="MyController as myController"> 
    <label>Click me to toggle: <input type="checkbox" ng-model="myController.checked"></label><br/> 
    <button ng-model="button" ng-disabled="myController.checked">Button</button> 
</span> 

Và JS:

angular.module('controllerAsExample', []) 
    .controller('MyController ', function(){ 
     this.checked = false; 
// this.checked = true; 
    }); 

Answer 2

Sử dụng ng-disabled là thực hành tốt nhất để bật/tắt một nút, nhưng bạn cũng có thể đạt được nó trong bộ điều khiển mà không cần thêm disabled tài sản để chế độ xem HTML của bạn với kịch bản này,

angular.element(document.getElementById('yourButtonId'))[0].disabled = true;

Trong trường hợp của bạn,

angular.element(document.getElementById('modalCreateBtn'))[0].disabled = true;

Plunker

Hope this helps!