我有一個(gè) mat-icon 按鈕,但是添加 [routerlink]="[/edit-job]" 后我無法查看按鈕圖標(biāo)。雖然我可以看到 mat-tooltip 并且單擊它會(huì)將我重定向到編輯頁面,但我無法查看圖標(biāo)。Mat-Button 的當(dāng)前代碼 <button mat-icon-button [routerLink]="['/edit-job']" matTooltip="Edit Job" ></button>但是,如果我將代碼更改為此我可以正確查看圖標(biāo)<button mat-icon-button (click)="editJob()" matTooltip="Edit Job"> <mat-icon>edit</mat-icon> </button>有人可以告訴我我做錯(cuò)了什么以及如何解決它。我附上屏幕截圖以便更好地理解。
3 回答

幕布斯7119047
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
添加<mat-icon>edit</mat-icon>到您的按鈕
前任:
<button mat-icon-button [routerLink]="['/edit-job']" matTooltip="Edit Job">
? <mat-icon>edit</mat-icon>
</button>

慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊
您也必須將第一種情況包含在標(biāo)簽<mat-icon>edit</mat-icon>
內(nèi)。<button>

眼眸繁星
TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個(gè)贊
如文檔所示,您應(yīng)該在應(yīng)用程序模塊上添加導(dǎo)入
https://material.angular.io/components/button/api
要添加的導(dǎo)入是:
import {MatButtonModule} from '@angular/material/button';
這是材質(zhì)按鈕的示例:
<button mat-icon-button>Click me!</button>
- 3 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報(bào)
0/150
提交
取消