小编Mys*_*oot的帖子

如何在 mat-label 上显示 matTooltip,并在 mat-form-field 中显示很棒的字体图标

我用我在工具提示和角度表单方面的知识进行了很多尝试,但没有用,任何帮助将不胜感激,谢谢。如果我做错了什么,请纠正我。

下面是我尝试过的代码。我想显示一个带有工具提示的图标,以解释 mat-label 末尾的选择。

<div class="col-12 col-md-6 pt-3 order-5">
    <mat-form-field name="employeeForm" [formControl]="selectFormControl">
        <mat-label>Tooltip position <i class="fas fa-info-circle" 
        matTooltip="This is simple Tooltip"></i>
        </mat-label>
        <mat-select name="country" ngDefaultControl formControlName="employee">
            <mat-option *ngFor="let employee of employees " [value]="employee">
                {{employee.name}}
            </mat-option>
        </mat-select>
    </mat-form-field>
</div>
Run Code Online (Sandbox Code Playgroud)

更新: 这是 StackBlitz 示例

更新 2:顺便说一句,请不要忘记将引用(import {MatTooltipModule} from '@angular/material/tooltip';)添加到 app.module.ts 文件和提供程序:)

font-awesome angular-material angular

2
推荐指数
1
解决办法
5510
查看次数

标签 统计

angular ×1

angular-material ×1

font-awesome ×1