javascript - 从 Controller 切换 AngularJS

Question

我在这里使用 AngularJS showhide http://angular-ui.github.io/ui-utils/这就是我所拥有的:

<div ui-toggle="showHide">
               <div class="col-md-12">
                  <input class="form-control" id="id_password" name="password"
                     type="password"  ng-model="password" placeholder="Password">
               </div>
            </div>


<p><a ng-click="showHide=!showHide">Toggle State: {{!!showHide}}</a></p>

但是这可行，我如何直接从 Controller 控制切换？

Answer 1

这是一个 fiddle ，展示了 ng-show 和 ng-hide 的使用

http://jsfiddle.net/mikeeconroy/WUc94/

angular.module('myApp',[])
.controller('myCtrlr',['$scope',function($scope){
   $scope.show = true;

   $scope.toggle = function(){
      $scope.show = !$scope.show;
   };
}]);

HTML:

<div ng-app="myApp">
    <div ng-controller="myCtrlr">
        <div ng-show="show">I'm using ngShow!!!</div>
        <div ng-hide="show">I'm using ngHide!!!</div>
        <div>Value of "show": <strong>{{show}}</strong></div>
        <button ng-click="toggle()">Toggle</button>
    </div>
</div>

您也可以轻松使用其中一个指令:

<div ng-show="show">I'm using ngShow (show == true)</div>
<div ng-show="!show">I'm using ngShow (show == false)</div>