AngularJS component injector moduleerr

Question

I try to write my first component. Actually, I refactor one of my previous webpage to use more of the AngularJS functionality. I use AngularJS 1.5.8

Honestly I always got the following inject error: http://screencast.com/t/xpyVqSjwUxU

Here is my component code: http://screencast.com/t/zMaED5ZfZ

The error only came up, when I add the component.js file in index.html with a script tag.

Any idea, what I'm gonna mess? I read the component angularjs documentation but not find the error.

I figured it out, the component name is the problem. Intead of UpdatePasswordComponent I need to use the update-password name, and the error is gone. — user2581426
– user2581426, Commented Sep 30, 2016 at 21:23

Caleb · Accepted Answer · 2016-09-30 20:29:21Z

0

Try putting the return value { templateUrl: ..., controller..., etc } in the .component() function.

angular
  .module('Profile')
  .component('UpdatePasswordComponent', {
    templateUrl: '/modules/profile/update-password/update-password.component.html',
    controller: UpdatePasswordController,
    controllerAs: 'vm'
  });

answered Sep 30, 2016 at 20:29

Caleb

2,2982 gold badges17 silver badges16 bronze badges

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

Comments

Caleb · Accepted Answer · 2016-09-30 20:33:07Z

0

Another option might be to just change this line

.component('UpdatePasswordComponent', Component)

to

.component('UpdatePasswordComponent', Component())

which will actually call and return the object, but I'm not positive on this one.

answered Sep 30, 2016 at 20:33

Caleb

2,2982 gold badges17 silver badges16 bronze badges

Collectives™ on Stack Overflow

AngularJS component injector moduleerr

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related