Vật liệu góc 7 - Chú giải công cụ

Các <MatTooltip>, Chỉ thị góc cạnh, được sử dụng để hiển thị chú giải công cụ theo kiểu material.

Trong chương này, chúng tôi sẽ giới thiệu cấu hình cần thiết để hiển thị chú giải công cụ bằng Angular Material.

Sau đây là nội dung của bộ mô tả mô-đun đã sửa đổi app.module.ts.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {MatButtonModule,MatTooltipModule} from '@angular/material'
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule,
      BrowserAnimationsModule,
      MatButtonModule,MatTooltipModule,
      FormsModule,
      ReactiveFormsModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})
export class AppModule { }

Sau đây là nội dung của tệp máy chủ HTML đã sửa đổi app.component.html.

<button mat-raised-button
   matTooltip = "Sample Tooltip"
   aria-label = "Sample Tooltip">
   Click Me!
</button>

Kết quả

Xác minh kết quả.

Chi tiết

• Ở đây, chúng tôi đã tạo một nút bằng cách sử dụng nút mat khi di chuột, chúng tôi sẽ hiển thị chú giải công cụ.