Question

我想知道我应该在哪里初始化组件或指令复杂属性，如observable，与表单相关的东西，甚至是需要一些时间和资源来执行的某些同步代码

因此，假设我有两个版本的相同组件：

@Component({})
class ExampleComponent {
  // initialization in class body or constructor
  users$ = this.store.select(selectUsers);
  constructor(
    protected store: Store<any>,
  ) { }
}

@Component({})
class ExampleComponent implements OnInit {
  users$: Observable<User[]>;
  constructor(
    protected store: Store<any>,
  ) { }
  // initialization on component init
  ngOnInit() {
    this.users$ = this.store.select(selectUsers);
  }
}

哪个版本效率更高？各自的优点和缺点是什么？

Answer 1

在初始化阶段，最好在ngOnInit生命周期事件处理程序中发出请求 - 也许你需要一些@Input参数，这些参数将被传递给组件并在请求中使用 - 所以这些只能在ngOnInit获得，请求必须去那里。

如果您只有一个没有任何@Input参数但与其他组件无关的组件，您可以使用第一个版本，但在这种情况下（如果您没有任何参数）它是ngOnInit中发出请求的常见样式。所以我建议有一个共同的风格，并使用第二个版本。效率如何 - 它们是相同的 - 您的变量是同时创建的，只有一个值被分配给它this.store.select(selectUsers)。

Angular Directive初始化良好实践

1 个答案: