angular.module('app', []);

​

angular.module('app')

  .controller('MainCtrl', function($scope){

    $scope.error = true;

    $scope.showError = function() {

      $scope.error = true;

    };

  });

​

​

// Directive

angular.module('app').directive('notificationBar', [function(){

    return {

        restrict : 'A',

    scope : {

      msg : '@',

      type : '@',

      show : '='

    },

        template : '<div ng-click="hideIt()" ng-show="show" class="alert {{type}}"><span>&times;</span> {{ msg }}</div>',

    link : function ( scope, elem, attr ) {

      scope.type = attr.type || 'alert-danger';

​

      scope.hideIt = function () {

          scope.show = false;

      };

​

      scope.$watch('show', function(newValue, oldValue) {

        console.info('old show val', oldValue);

        console.info('new show val', newValue);

      });

​

    }

    };

}]);