javascript - AngularJS 关闭输入禁用 开启输入启用

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>