Angularjs переключает видимость div

Я пытаюсь переключить div-текст одним нажатием кнопки. Я попытался использовать переменную scope и toggeling classname на основе переменной. Где я делаю ошибку здесь

 
hello test
function ctrl($scope) { $scope.state = vis; $scope.toggle = function () { state = !state; }; } .vis{ display:none; }

Вы можете упростить это так,

  
hello test

Пример скрипта

Если вам не нужен конкретный ng-class для переключения, в этом случае вы можете сделать что-то вроде

  
hello test

Пример скрипта

(просто убедитесь, что вы используете более новую версию углового для этого)

Я изменил вашу директиву.

HTML

   
hello test

controller

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

см. полный код здесь http://jsfiddle.net/nw5ndzrt/345/

Другой подход … Используйте ng-switch
Вы можете переключаться через несколько div без css hassle …

 var myApp = angular.module('myApp',[]); function MyCtrl($scope) { } 
   
hello you
hello me