在你的样式文件中为tooltip定义自定义CSS,如下所示:
样式文件(styles.css):
::ng-deep .mat-tooltip { background: blue; color: white; }
在模块中引入MatTooltipModule并在components中使用mat-tooltip属性:
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { AppComponent } from './app.component';
// add these import { MatTooltipModule } from '@angular/material/tooltip';
@NgModule({ imports: [ BrowserModule, BrowserAnimationsModule, MatTooltipModule // add this ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { }
@Component({
selector: 'app-root',
template:
,
})
export class AppComponent {
}Tooltip Demo
上一篇:Angularmaterialthemevariables改写为中文并给出技术性的具体解法和代码示例
下一篇:Angularmaterial提示“ERRORTypeError:Cannotreadpropertiesofundefined(reading'imageUrl')”