My mistake

by sqiudward

HTML

<div ng-controller="myCtrl">
			<div maximize="toggle">
          <h1>
            Hello world! {{toggle}}
          </h1>
      </div>
      
      <br>
      <br>
      
      <button ng-click="toggle = !toggle;">
        maximize
      </button>
</div>

CSS

.red {
  color: red;
}

JavaScript

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
	
});


app.directive('maximize',[function() {
    return {
        restrict: "A",
        scope: {
            maximize : '='
        },
        link: function(scope, elm, atr){
         	 
          scope.$watch("maximize" ,function(value){
             scope.maximize? elm.addClass("red") : elm.removeClass("red");
          });
        
           
          
        }
    }
}]);