Question

我想要在大多数时间编辑页面。那时，一些页面想要显示该按钮可以被禁用，并且一些页面想要显示启用。我想使用相同的编辑页面。在这里，我按下了按钮。如果您知道，请告诉我。

<div class="form-group">
            <center>
                <input type="submit" class="btn btn-primary" value="Remove" ng-show="IsShow" ng-disabled="true">
            </center>
</div>

Answer 1

一个简单的建议：

HTML：

<div class="form-group">
    <center>
       <input type="submit" class="btn btn-primary" value="Remove" ng-show="IsShow" ng-disabled="isDisabled">
    </center>
</div>

<button ng-click="editSomething()" type="button">Edit</button>

控制器：

...
$scope.isDisabled = false;
...

$scope.editSomething = function () {
    $scope.isDisabled = true;
    // ...
};

Answer 2

您可以在禁用ng的情况下使用$ scope值。请找到以下代码：

在控制器中，您必须根据条件将变量等同为true或false。

if(//someCondition) {
  $scope.condition = true;
} else if(//someOtherCondition) {
    $scope.condition = true/ false;
} else {
    $scope.condition = false;
}

<div class="form-group">
            <center>
                <input type="submit" class="btn btn-primary" value="Remove" ng-show="IsShow" ng-disabled="condition">
            </center>
</div>

Answer 3

无论条件是什么，请在ng-disabled属性中使用它：

<input type="submit" class="btn btn-primary" ng-disabled="CONDITION" value="Remove" ng-show="IsShow">

例如：如果它是控制器$scope.isBtnDisabled = false;可用的bool，则在视图中使用它：

<input type="submit" class="btn btn-primary" ng-disabled="isBtnDisabled" value="Remove" ng-show="IsShow">

询问AngularJS ng-disabled

3 个答案: