Question

很好奇。 1.在Angular 6中，是否可以在另一个组件中创建AppComponent的弹出窗口？我认为这很有可能。

然后，是否可以将一个组件同时作为Popup组件和Regular组件？因为需要在构造函数中添加将该组件声明为弹出组件

构造函数（私有dialogRef：MatDialogRef）{} 像这样

Answer 1

是的，这是可能的。您可以创建一个组件，然后在应用程序中的任何位置使用该组件。

将其显示为弹出窗口的一个选项是调用一个模式，该模式将组件内容加载。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" aria-hidden="true">
    <app-myComponent></app-myComponent>
</div>

然后从可以使用函数的按钮（如按钮）中调用模式：

showMyModal() {
    $('#myModal').modal();
}

要将其显示为常规组件，可以将其放置在页面上，就像使用其他任何组件一样使用它。例如：

<div class="main-panel">
    <app-navbar></app-navbar>
    <router-outlet></router-outlet>
    <app-myComponent></app-myComponent>
    <app-footer></app-footer>
</div>

我推荐https://angular.io/tutorial的Angular教程

它很短，确实可以帮助您了解组件的工作方式以及如何使用它们。

希望这会有所帮助！

角度-是否可以创建AppComponent的弹出窗口？

1 个答案: