angularjs 'bindings' in component doesn't work

Question

.component(
  'testComponent',
 {bindings: {name:'<'},
  template: `{{$ctrl.name}}<br/>
             {{$ctrl.title}}<br/>
             {{test.name}}<br/>
             {{test.title}}<br/>
             {{name}}<br/>
             {{title}}<br/>`,
  controller: function (){
    this.name = 'abc';
    this.title = 'def';
  },
  controllerAs: 'test'
})

This code is to add a component to a module. There are written 6 expressions in template. But only second one, $ctrl.title is working well. The others are not binded properly. When I remove name from bindings, then $ctrl.name also works well. But AFAIK all the 6 expressions have to work.

What did I do wrong?

Don't say it "doesn't work" and leave it is that. Describe the problem. Describe what you are trying to accomplish. — georgeawg
– georgeawg, Commented Jun 11, 2017 at 17:34

Parshuram Kalvikatte · Accepted Answer · 2017-06-11 04:43:19Z

1

Because here the binding '<' means one way binding Where are you using this component The name binding should be passed from where you are calling this component eg

<test-component>name='abc' </test-component>

This will work also remove controllerAs = test,if you are using $cntrl as it is default controllerAs of component and you are replacing it with test

answered Jun 11, 2017 at 4:43

Parshuram Kalvikatte

1,6465 gold badges23 silver badges45 bronze badges

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

2 Comments

sokancho Over a year ago

I should have shown you the full source code. I already tested '=', '=?' and '@'. Only '=?' works even that the value is not watched after initialization. I think not giving bindings option and giving it as '=?' work same, but it does not reflect the value changed after initalized once.

sokancho Over a year ago

docs.angularjs.org/guide/expression I think my component works in the 'one-time binding' way, while it is not inteded.

Collectives™ on Stack Overflow

angularjs 'bindings' in component doesn't work

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related