我试图在单击按钮时切换div文本。我尝试使用范围变量并根据该变量切换类名。我在哪里弄错here

<button ng-click="toggle()">test</button>
<div ng-class="{{state}}">
  hello test
</div>
function ctrl($scope) {
  $scope.state = vis;
  $scope.toggle = function() {
    state = !state;
  };
}
.vis {
  display: none;
}

最佳答案

您可以像这样简化很多

<button ng-click="showDiv = !showDiv">test </button>
<div ng-show="showDiv" >
    hello test
</div>

Fiddle example

除非您需要特定的ng-class进行切换,否则可以执行类似的操作
<button ng-click="showDiv = !showDiv">test </button>
<div ng-class="{'vis' : showDiv }" >
    hello test
</div>

Fiddle example

(只需确保为此使用的是更新版本的angular)

关于javascript - AngularJS切换div可见性,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32830190/

10-12 12:33
查看更多