使用angular-js ng-disabled

Question

我有這個要求，我需要根據某些條件禁用按鈕：

控制器：

<div  ng-controller= "myController" class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"   aria-hidden="true">×</button>
                    <h3 class="modal-title"> Add</h4>

我在html頁面中添加了5個條目時需要禁用此按鈕。有人可以幫幫我嗎？

Answer 1

如果您具有該項目的數組，則假設該數組稱為items ，如果items.length >= 5 ，則可以將條件傳遞給ng-disabled以設置為true。

<button type="button" class="close" ng-disabled="items.length >= 5" data-dismiss="modal" aria-hidden="true" >×</button>

Answer 2

條目長度為5時

<button ng-disabled="entries.length == 5"></button>

Answer 3

如果您的值或全部是數組，則可以執行以下操作

    <div  ng-controller= "myController" class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"   aria-hidden="true">×</button>
                    <h3 class="modal-title"> Add</h4>
<button ng-disabled="entries.length >= 5">ADD</button>

Answer 4

試試這個

    <div ng-controller="myController" class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-disabled="isButtonDisabled()">×</button>
                <h3 class="modal-title"> Add</h3>
            </div>
        </div>
    </div>

而在控制器

$scope.isButtonDisabled = function() {
    return $scope.requiredArray.length >= 5;
}

此函數將檢查所需數組的長度是否大於5。 如果為true，則按鈕將被禁用。