<app-root>在离子项目中的作用是什么

Question

我在ionic中运行了一个空白项目，并使其正常运行。现在我试图理解代码的工作。该程序的作用是什么。我是ionic的新手，请向我详细解释一下。在index.html文件中找到

Array.prototype

Answer 1

如果您真的了解 bootstrap 的角度，

它实际上是Angular创建并插入到index.html主机网页中的根组件。

如果您打开代码，每个角度应用程序默认情况下都会有一个app-component.ts src/app/app.component.ts

您将看到选择器名为app-root。

这个根组件通常称为AppComponent，位于根模块的引导数组中。

Answer 2

Angular是一个单页应用程序框架！这是什么意思 ？这意味着将在整个项目中呈现单个index.html页面。单页应用程序如何工作？在index.html中，您可以找到<app-root>标记，该标记是app.component.ts文件的选择器；如果转到该文件，则可以在{{1}中看到选择器，模板和样式}装饰器基本上，装饰器中的所有文件都将呈现并放置在@Component标记内。需要注意的一件事是app-root，如果不将app.module.ts导入到项目中，则项目将无法运行，因为它的工作原理如下 如您所见，AppComponent会在找到重定向到组件的组件时查找带有该标签的组件，并且所找到的所有内容都将在index.html中呈现。