在编写 Angular 应用程序时,我们通常会使用一些自定义的组件或指令,其中一些可能包含非标准的 HTML 元素。这些非标准的 HTML 元素可能会导致浏览器无法识别,从而导致错误或意外行为。
为了解决这个问题,我们可以使用 Angular 的“schemas”选项来告诉编译器哪些非标准的 HTML 元素是允许的。例如,我们可以在组件声明中添加以下代码:
import { Component, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@Component({
selector: 'my-app',
template: ' ',
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppComponent {}
@NgModule({
imports: [ BrowserModule ],
declarations: [ AppComponent ],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class AppModule { }
在这个示例中,我们在“schemas”数组中添加了“CUSTOM_ELEMENTS_SCHEMA”,以允许使用自定义元素。
除了“CUSTOM_ELEMENTS_SCHEMA”之外,Angular 还提供了其他的“schemas”选项,如“NO_ERROR_SCHEMA”、“NO_ANIMATIONS_SCHEMA”等,可以根据需求选择。
上一篇:编译后打印OCaml函数