如何使用独立组件启动 Angular 项目

Question

现在 Angular 已经发布了独立组件，我可以仅使用独立组件启动 Angular 并全部删除

NgModule

吗？

Answer 1

是的，您可以使用新引入的

bootstrapApplication

，它是从

@angular/platform-browser

文件中的

main.ts

导入的

这是完整代码

import { enableProdMode } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';
import { environment } from './environments/environment';
if (environment.production) {
  enableProdMode();
}
bootstrapApplication(AppComponent)
  .catch(err => console.error(err));

Answer 2

是的，随着 Angular 中独立组件的引入，确实可以仅使用独立组件来启动 Angular 应用程序并完全删除传统的 NgModule。独立组件简化了 Angular 架构，无需使用封闭模块即可声明组件、指令和管道。此功能可以使应用程序更小、更模块化且更易于维护。

有关如何在 Angular 中使用独立组件的更多详细信息，您可以查看这篇文章。https://fullstacktutorialshub.com/angular/standalone-components-angular/