Несколько полезных приемов в AngularJS для начинающих

$data = json_decode(file_get_contents('php://input'), true);

app.controller('SomeController', ['$scope', 'DataCache', function ($scope, DataCache) {
  ...
}]);

<div ng-loaded="loaded">
   view content
</div>

    var users = Restangular.all('user').getList().then(function(data) {
        // do something with response
    });
    var products = Restangular.all('product').getList().then(function(data) {
        // do something with response
    });
    $scope.loaded = loadingService.add(users, products).wait();

angular.module('loadingService', [])
.factory('loadingService', ['$q', '$rootScope', function($q, $rootScope) {
    var waited = [];
    $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
        waited = []; // empty array when transition to new state
    });
    return {
        add: function() {
            for(var i in arguments) {
                waited.push(arguments[i]);
            }
            return this;
        },
        wait: function() {
            var ret = $q.defer();
            $q.all(waited)['finally'](function() {
                waited = [];
                ret.resolve(1);
            });
            return ret.promise;
        }
    };
}])
.directive('ngLoaded', ['$compile', function($compile) {
    return {
        link: function(scope, element, attrs) {
            var indicator = angular.element('<div><img src="assets/loader.gif" /> Loading...</div>');
            indicator = $compile(indicator)(scope);
            element.after(indicator);
            scope.$watch(attrs.ngLoaded, function(newValue, oldValue) {
                if(newValue) {
                    element.css({display: 'block'});
                    indicator.css({display: 'none'});
                } else {
                    element.css({display: 'none'});
                    indicator.css({display: 'block'});
                }
            });
        }
    };
}])
;

factory('LoadRendererService', ['$rootScope', function LoadRendererService($rootScope) {
	function setFlag(isLoaded)
	{
		$rootScope.controllerDataLoaded = !! isLoaded;
	}
	function setFlagLoadError(isError)
	{
		$rootScope.controllerDataLoadError = !! isError;
	}

	return {
		setLoaded: function setLoaded()
		{
			setFlag(true);
		},
		setNotLoaded: function setLoaded()
		{
			setFlag(false);
		},
		setLoadError: function setLoadError(isError)
		{
			setFlagLoadError(isError);
		}
	};
}])

<div class="b-layout" ng-class="{'b-loader': ! controllerDataLoaded && ! controllerDataLoadError}">
</div>

controller('RegisterConfirmCtrl', ['$scope', 'LoadRendererService', 'RegisterConfirmService', function RegisterConfirmCtrl($scope, LoadRendererService, RegisterConfirmService) {
	LoadRendererService.setNotLoaded();
	RegisterConfirmService.get(function (response) {
		LoadRendererService.setLoaded();
		onLoad(response);
	});
}])

<div class="wrapper" ng-class="{smoothOpacity:true}">
    ...
</div>

.wrapper {
    opacity: 0;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

.smoothOpacity {
    opacity: 1;
}