在 Angular 中将 no_errors_schema 添加到 @ngmodule.schemas

在 Angular 应用程序中，可以使用 @NgModule 装饰器的 schemas 属性来添加自定义的验证模式，以确保组件模板中的 HTML 符合特定的标准。在实践中，经常需要使用 no_errors_schema 这个验证模式来防止无效的 HTML 代码渲染到浏览器。

步骤

要将 no_errors_schema 添加到 @NgModule 的 schemas 属性中，请按照以下步骤操作：

1. 打开应用程序中的 app.module.ts 文件。

2. 导入 CUSTOM_ELEMENTS_SCHEMA 以便使用 no_errors_schema 验证模式。

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

3. 在 @NgModule 装饰器中的 schemas 属性中添加 no_errors_schema。

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA] // Add NO_ERRORS_SCHEMA here
})
export class AppModule { }

4. 保存并重新编译应用程序。

现在您已成功将 no_errors_schema 添加到 @NgModule 的 schemas 属性中，以确保无效的 HTML 代码不会被渲染到浏览器。

注：请注意在使用 no_errors_schema 验证模式时，不会显示任何错误或警告信息，因此请务必确保您的 HTML 代码符合标准，以避免类型错误和其他问题。