chrissavage chrissavage - 5 months ago 108
Javascript Question

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

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!

Lex Lex
Answer

You don't need the single quotes.

controller: function AppController(DataService)
Comments