debug-directive

debug-directive

/**
* Show pretty datas for debugging purposes. 
*  ~USAGE::   <debug obj="nowPlayingApiResponse"></debug>
*/
.directive('debug', function () {
	return {
		restrict: 'E',
		scope: {
			expression: '=obj',
			callersName: '@obj'
		},
		template: "<h5>'{{callersName}}' &seArr;</h5><pre>{{debug(expression)}}</pre>",
		link: function (scope, iElement, iAttrs, ctrl) {

			// pretty-prints
			scope.debug = function (exp) {
				return angular.toJson(exp, true);
			};
		}
	}
})