Question

我正在使用AngularJS并且有一个开关，我想让它在关闭开关的情况下默认禁用我的md-input-container。当我单击开关打开时，再次启用md-input-container。

我现在所做的工作有点，但是当我想再次关闭开关时，仍然启用了md-input-container。

我的HTML代码：

<div class="col-md-2">
  <md-switch ng-click="enabled()">
      Online verkoop
  </md-switch>
</div>

<div class="col-md-2">
    <md-input-container class="md-block">
       <label style="color: #e94e18;">Bezorgkosten (€)</label>
       <input ng-model="bezorgkosten" ng-disabled="disabled">
    </md-input-container>
</div>

使用Javascript：

//disable switches
$scope.disabled= true;

$scope.enabled = (function(){
    $scope.disabled = false;
});

Answer 1

$scope.enabled = (function(){
    $scope.disabled = !$scope.disabled;
});

你甚至可以从范围中获得该功能

<md-switch ng-click="disabled = !disabled">
  Online verkoop
</md-switch>

AngularJS在启用输入时关闭输入禁用开关

1 个答案: