我试图在单击按钮时切换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/