angularjs 1.5 component dependency injection

Question

this may sound newb, but I have been following this tutorial for angularjs component.

I am new to components and how do I inject a constant Utils or authService to my component like this?

app.component('tlOverallHeader', {     bindings: {         data: '='     },     templateUrl: 'js/indexTimeline/components/tl_overallHeader/templates/tl_overallHeader.html',     controller: function() {         this.ms = 'tlOverallheader!'     } }) 

thanks!

Answer 1

You can inject services to component controller like this:

angular.module('app.module')         .component('test', {             templateUrl: 'views/someview.html',             bindings: {                 subject: '='             },             controller: ['$scope', 'AppConfig', TestController]         });      function TestController(scope, config) {         scope.something = 'abc';     } 

or like this:

angular.module('app.module')         .component('test', {             templateUrl: 'views/someview.html',             bindings: {                 subject: '='             },             controller: TestController         });      TestController.$inject = ['$scope', 'AppConfig']     function TestController(scope, config) {         scope.something = 'abc';     }