Angularjs切换div可见性

Question

我试图在点击按钮时切换div文本.我尝试根据变量获取范围变量和toggeling classname.我在哪里弄错了

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

小提琴的例子

除非你需要特定的ng-class来切换,在这种情况下你可以做类似的事情

<button ng-click="showDiv = !showDiv">test </button>
<div ng-class="{'vis' : showDiv }" >
    hello test
</div>

小提琴的例子

(只是确保你使用更新版本的角度)

Answer 2

我已经改变了你的指令..

HTML

    <button ng-click="toggle()">test </button>
<div ng-show="state" >
    hello test
</div>

调节器

function ctrl($scope) {    

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

在这里查看完整的代码 http://jsfiddle.net/nw5ndzrt/345/