How To Inject Service Into Angular 1.5 Component (No Typescript)

Question

I have a service that I want to pass into a Component in Angular 1.5. I'm not using Gulp or TypeScript.

This is the service:

(function() {'use strict';
angular.module('flavorApplication')
  .component('app', {
  	templateUrl: "app/app.component.html",
    controllerAs: "vm",
  	controller: function AppController() {

This is the Component:

(function() {'use strict';
angular.module('flavorApplication')
  .component('app', {
  	templateUrl: "app/app.component.html",
    controllerAs: "vm",
  	controller: function AppController('DataService')

This didn't work. I also tried:

controller: ['DataService', function AppController('DataService')

This also didn't work. Keep in mind I'm new to angular and just getting my feed under me. Thank you for your help!

You don't need the single quotes. controller: function AppController(DataService) — Lex
– Lex, Commented Jun 24, 2016 at 15:40
@Lex can you reply that as the answer? That was it. I upvoted and accidentally deleted the vote — Chris L Savage
– Chris L Savage, Commented Jun 24, 2016 at 15:43

Lex · Accepted Answer · 2016-06-24 15:44:32Z

2

You don't need the single quotes.

controller: function AppController(DataService)

answered Jun 24, 2016 at 15:44

Lex

7,2632 gold badges31 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ankitd Over a year ago

that's the beauty of removing array syntax , not more confusion :)

Collectives™ on Stack Overflow

How To Inject Service Into Angular 1.5 Component (No Typescript)

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related