dart angular2 - two-ways binding in component

Question

Is there a way to bind a field in a component as input and output ?

i.e.

<my-component [(innerComponentField)]="outerComponentField"></my-component>

Thanks for your help.

Günter Zöchbauer · Accepted Answer · 2016-09-30 14:34:58Z

2

For [] the component needs a matching @Input() For () it needs a matching @Output().

There is no way to do both with just an @Input()

The combination [(innerComponentFields)] requires

@Input() dynamic innerComponentField;
@Output() EventEmitter innerComponentFieldChange = new EventEmitter();

answered Sep 30, 2016 at 14:34

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

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

3 Comments

matth3o Over a year ago

Thanks for your help. Do you have an example of code doing that? I didn't find a lot of information in the official documentation.

Günter Zöchbauer Over a year ago

Did you check angular.io/docs/dart/latest/guide/…

matth3o Over a year ago

Oups my bad. It works but I have to call myEventEmitter.emit() each time my value changes and I have to implement a method in my outer component to update my field. Thanks for your help.

Collectives™ on Stack Overflow

dart angular2 - two-ways binding in component

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related