AngularJS從控制器

撥動我使用AngularJS這裏顯示隱藏http://angular-ui.github.io/ui-utils/這是我有：AngularJS從控制器

<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>

但是這工作，我怎麼能直接從控制器控制的切換？

來源

2013-11-26 GrantU

您可以在控制器中設置'showHide'：'$ scope.showHide =！$ scope.showHide;'儘管我只是使用'ng-show'和'ng-hide'指令。 –

我可以看到ng-show和ng-hide指令的例子以及如何使用它們嗎？ – GrantU

這裏是展示使用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>

來源

2013-11-26 14:29:59

AngularJS從控制器

回答

相關問題