我用我在工具提示和角度表单方面的知识进行了很多尝试,但没有用,任何帮助将不胜感激,谢谢。如果我做错了什么,请纠正我。
下面是我尝试过的代码。我想显示一个带有工具提示的图标,以解释 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 文件和提供程序:)