Не работает директива
 

День добрый, делаю небольшее CRUD приложение,

подскажите как заставить работать директиву loading при вызове контроллера

и конечно это будет не в тему вопроса но всёже, как вывести шаблон формы и загрузить в неё данные?

var baseapp = angular.module('baseApp', [])

baseapp.directive('loading', function () {
	return {
		restrict: 'E',
		replace: true,
		template: '<div class="loading">Загрузка</div>',
		link: function (scope, element, attr) {
			scope.$watch('loading', function (val) {
				if (val) {
					element.addClass('show');
					alert('show');
				} else {
					element.addClass('hide');
					alert('hide');
				}
			});
		}
	}
});

baseapp.controller ('ListCtrl', function ($scope, $http) {
	$scope.loading = true;
	$http.get('/blog').success(function(data) {
		$scope.users = data;
	});
});

baseapp.controller ('AddCtrl', function($scope, $http, $location) {
	$scope.master = {};
	$scope.activePath = null;
	$scope.add_new = function(user, AddNewForm) {
		$http.post('/blog', user).success(function(){
			$scope.reset();
			$scope.activePath = $location.path('/');
		});
		$scope.reset = function() {
			$scope.user = angular.copy($scope.master);
		};
		$scope.reset();
	};
});

baseapp.config(['$routeProvider', function($routeProvider) {
	$routeProvider.
		when('/', {
			templateUrl: '/assets/blog/lists.html',
			controller: 'ListCtrl',
			directives: 'loading'
		}).
		when('/add-user', {
			templateUrl: '/assets/blog/add.html',
			controller: 'AddCtrl',
			directives: 'loading'
		}).
		otherwise({redirectTo: '/'});
}]);