Use value of @Input to other variable without onInit in angular 4

Question

I want to use @Input value to initialize other variable in angular 4

export class test {
  @Input() id: string;

  condition: boolean = (this.id == 'myid') //Getting this.id as undefined
}

Pankaj Parkar · Accepted Answer · 2018-04-11 10:13:12Z

2

You can use id variable directly like id instead of this.id inside a class itself. You have to access variable using this only when variable appeared inside function. But eventually this wouldn't help you, since id value will always be undefined.

Ideally you should use this value inside ngOnInit hook which gets fired when component gets initialized and you will see the value passed from the consumer component.

export class test {
  @Input() id: string;
  condition: boolean;

  ngOnInit(){
     this.condition = (this.id == 'myid')
  }
}

answered Apr 11, 2018 at 10:13

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Comments

Suren Srapyan · Accepted Answer · 2018-04-11 10:12:24Z

2

Your @Input is first available at ngOnInit. So you can't access it before ngOnInit call.

answered Apr 11, 2018 at 10:12

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

Collectives™ on Stack Overflow

Use value of @Input to other variable without onInit in angular 4

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