javascript - Angularjs 切换 div 可见性

Question

我正在尝试通过单击按钮来切换 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;
}

Answer 1

你可以像这样简化它

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