Question

我在angular2应用程序中创建了一个小组件，我用它作为指令，在不同的应用程序中输入小视图。我只在我使用此指令的组件中定义选项。该指令总是希望有选项，在我的情况下，它需要时间才能从服务器获取数据，然后才会定义'someOptions'。但是这个“示例”组件立即期待它，我该如何推迟呢？你知道我怎么能继续使用它作为一个指令但是告诉angular只有在使用这个指令的组件中定义了选项后才激活它？

// the directive Im planning to use in differnt views
@Component({
  selector: 'expml-comp'
})

export class Example1 {
@Input() options: any;
  constructor() {}
  ngOninit(){
    //puting data from options to directive
  }
}

//and the component where I want to use this directive:
@Component({
  template: '<expml-comp [options] = 'definedData'></expml-comp>',
})
 export class Example2 {
  constructor() { }
  private definedData:any;
 //here I need to define the options but before the data comes from server      //the Example1 dir is already activated 
//and it didnt find definedData so it breaks
 ngOnInit(){
//this.definedData=...
 }

}

Answer 1

您可以使用ngOnChanges()。当绑定到输入的值发生更改时，将调用此方法。

export class Example1 {
  @Input() options: any;
  constructor() {}
  ngOnChanges(changes){
    if(this.options != null) {
      // options are set
    }
  }
}

在angular2中的指令之前加载组件

1 个答案: