angularjs - 当 ng-hide 为真 AngularJS 时清除输入 ng-model

Question

我正在尝试设置此 <input>在某种程度上，当ng-hide是真的，无论 ng-model被重置。

<input type="text" class="form-control" ng-model="account.AccountName" ng-hide="account.AccountStatus == 'Terminated'">

所以会有一个下拉列表包含 Active和 Terminated绑定(bind)到 ng-model="account.AccountStatus" .当它是 Active ，字段帐户名称将在那里有文本。我想在切换到 Terminated 时做到这一点，该输入字段被隐藏并且 account.AccountName设定为 ””。

Answer 1

如果 AccountStatus 等于“已终止”，您可以使用 [ng-change] 属性并在 Controller 中定义函数来处理更改事件并重置 AccountName。
例子:

    <input type="text" class="form-control" ng-model="account.AccountName" ng-hide="account.AccountStatus == 'Terminated'">
    <select ng-change="selectChange()" name="selectState" ng-model="account.AccountStatus">
      <option value="Active">Active</option>
      <option value="Terminated">Terminated</option>
    </select>
    <script>
      angular.module('examleModule', []).controller('exampleController',['$scope', function($scope) {
         $scope.account = {
            AccountStatus: 'Active',
            AccountName: ''
         };

     $scope.selectChange= function() {
        // Reset AccountName if AccountStatus=='Terminated'
        if($scope.account.AccountStatus=='Terminated')
             $scope.account.AccountName = '';      
     };
   }]);
   </script>