Enterprise Framework

Software Solutions in the Enterprise

AngularJS template javascript code from the snippets of John Papa's Angular Style Guide best practices

Here is the outputted AngularJS template javascript code from the snippets of John Papa's Angular Style Guide best practices

<script>
/* CONTROLLER BEST PRACTICE TEMPLATE */
(function() {
   'use strict';
   angular
       .module('module')
       .controller('Controller', Controller);
   Controller.$inject = ['dependencies'];
   /* @ngInject */
   function Controller(dependencies) {
       var vm = this;
       vm.title = 'Controller';
       activate();
       ////////////////
       function activate() {
       }
   }
})();
</script>

<script>
/* DIRECTIVE BEST PRACTICE TEMPLATE */
(function() {
   'use strict';
   angular
       .module('module')
       .directive('directive', directive);
   directive.$inject = ['dependencies'];
   /* @ngInject */
   function directive (dependencies) {
       // Usage:
       //
       // Creates:
       //
       var directive = {
           bindToController: true,
           controller: Controller,
           controllerAs: 'vm',
           link: link,
           restrict: 'A',
           scope: {
           }
       };
       return directive;
       function link(scope, element, attrs) {
       }
   }
   /* @ngInject */
   function Controller () {
   }
})();
</script>

<script>
/* FACTORY BEST PRACTICE TEMPLATE */
(function() {
   'use strict';
   angular
       .module('module')
       .factory('factory', factory);
   factory.$inject = ['dependencies'];
   /* @ngInject */
   function factory(dependencies) {
       var service = {
           func: func
       };
       return service;
       ////////////////
       function func() {
       }
   }
})();
</script>

<script>
/* FILTER BEST PRACTICE TEMPLATE */
(function() {
   'use strict';
   angular
       .module('module')
       .filter('filter', filter);
   function filter() {
       return filterFilter;
       ////////////////
       function filterFilter(params) {
           return params;
       };
   }
})();
</script>

<script>
/* SERVICE BEST PRACTICE TEMPLATE */
(function() {
   'use strict';
   angular
       .module('module')
       .service('Service', Service);
   Service.$inject = ['dependencies'];
   /* @ngInject */
   function Service(dependencies) {
       this.func = func;
       ////////////////
       function func() {
       }
   }
})();
</script>

Comments are closed