javascript - 在 Angular 中动态注入(inject)组件

Question

我有一个带有按钮的简单组件。此按钮的操作处理程序编写在组件 Controller (.ts 文件)中，并在单击时发出警报和日志。

<button (click)="handleClick($event)"></button>

在button.component.ts

handleClick($event) {
  alert('');
}

如果像这样直接包含在页面中，此组件工作正常:

<app-button></app-button>

现在，我正在尝试在占位符内动态注入(inject)按钮组件。我需要这样做，因为我需要动态地将多个组件注入(inject)占位符(在 for 循环内)。

我已经完成了 Angular docs .我也在网上阅读了很多文章。 - this , this等等。

问题:我能够在占位符中成功注入(inject)组件。但是，当我单击按钮时，我看到 handleClick 不是函数错误。为什么无法识别已在按钮 Controller 中定义的按钮单击处理程序。

帮我找到丢失的那 block 。

更新:问题是该组件的操作处理程序需要按照@CommercialSuicide 在评论中的建议公开。感谢您的所有回答和评论。

Answer 1

您调用的注入(inject)组件的方法，它们是公开的吗？如果它们是私有(private)的，这是预期的行为，它们将无法在组件外部访问，只需将它们设为 public 即可从其他组件调用它们。您可以在 DOCS 中了解有关修饰符的更多信息，在 “公共(public)、私有(private)和 protected 修饰符” 部分。