在角度4中将@Input的值用于没有onInit的其他变量

Question

我想使用@Input值在angular 4中初始化其他变量

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

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

Answer 1

您的@Input首先可在ngOnInit 。 因此，您不能在ngOnInit调用之前访问它。

Answer 2

您可以在类本身内部直接使用id变量（例如id代替this.id 仅当变量出现在function内部时，才需要使用this变量。 但这最终无济于事，因为id值始终是undefined 。

理想情况下，您应该在ngOnInit挂钩中使用此值， ngOnInit挂钩在组件初始化时会触发，并且您会看到从使用者组件传递的值。

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

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