javascript - 如何使用变量动态调用组件或服务？

Question

在 Angular 中，有一种方法可以根据我收到的变量调用组件吗？

例如: 如果我尝试用一​​种方法来做到这一点，它会很好地工作

  const function = 'myFunction';
  this.myComponent[function]();

程序将调用

   this.myComponent.myFunction();

是否可以通过组件或服务执行相同的操作？ 类似于:

    const function = 'myFunction';
    const component = 'myComponent';
    this[component][func]();

程序将调用:

   this.myComponent.myFunction();

我这样做是为了避免使用许多 IF，因为我有超过 10 个组件需要调用或不调用

Answer 1

按照你说的做就可以了，这里有一个example .

除此之外，这种 IF 和 10 个组件的模式似乎有代码味道。如果您愿意，可以将其发布在这里，我们可以尝试为这个问题找到更好的解决方案。

记住下次，在提问之前先尝试一下。