In Angular 2 how to get @Input value updated inside component?

Question

on this example, SkillsSelectComponent receives input skills from a parent component.

@Component({
  selector: 'skills-select',
  template: `{{ skills | json }}`
})
export class SkillsSelectComponent {

  @Input() skills;

  ngOnInit() {
    console.log('skills', this.skills);
  }
}

If skills change once the component has been created, {{skills }} inside template will be updated but how to detect change inside the component ?

Logan H · Accepted Answer · 2016-10-06 15:59:13Z

4

I used ngOnChanges

ngOnChanges(changes: any): void {
    console.log('change', changes.skills.currentValue);
}

edited Oct 6, 2016 at 15:59

Logan H

3,4332 gold badges35 silver badges50 bronze badges

answered Oct 6, 2016 at 15:55

sebap

1,6915 gold badges26 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

In Angular 2 how to get @Input value updated inside component?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related