angular - 在 Angular 对话框中注入(inject)组件

Question

是否可以创建通用对话框并在必要时注入(inject)不同的组件。

在示例中，我有对话框和注入(inject)组件first-component:

<dialog>
 <first-component></first-component>
</dialog>

或者，如果我愿意，我可以重用对话框并注入(inject)另一个组件:

<dialog>
 <second-component></second-component>
</dialog>

我们可以用棱 Angular Material 来做这个吗？

Answer 1

有多种方法可以做到这一点。如果您在自己的 UI 库中需要它，您可能正在寻找 <ng-content> ，一个占位符-angular-HTML-tag，可以被任何 Content(-Child) 替换，它从父组件向下传递到层次结构中。请参阅引用:https://angular.io/api/core/ContentChild

或者，如果您在域组件中并且具有固定数量的可能内容，则可以使用 <child-component *ngIf="condition; else #otherComponent">或两种以上的可能性*ngSwitchCase

或者，如果您希望内容由 URL 控制，您可以使用 <router-outlet> ;见https://angular.io/guide/router