在Angular 7中,使用ShadowDOM和@angular/material皮肤的加载策略可以通过以下步骤实现:
npm install @angular/material @angular/cdk @angular/animations
app.module.ts
中导入所需的模块:import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule, MatToolbarModule } from '@angular/material';
@NgModule({
imports: [
BrowserAnimationsModule,
MatButtonModule,
MatToolbarModule
],
...
})
export class AppModule { }
encapsulation
属性来启用ShadowDOM:
:host
选择器来样式化ShadowDOM中的元素::host {
display: block;
border: 1px solid black;
padding: 16px;
background-color: lightgray;
}
button {
color: white;
background-color: blue;
}
这样,你就可以使用Angular 7和ShadowDOM加载@angular/material皮肤了。
上一篇:Angular 7 + NG Bootstrap,如何从一个Service中打开模态框?
下一篇:Angular 7 + SignalR: 无法找到命名空间'SignalR',是因为tsconfig.app.json被忽略了。