我最近開始使用 Angular，但一直被這個問題困擾。
因此，當前端加載頁面時，它會執行 GET 并獲取以下值：
getAll(fetch_id: string): Subject<Element[]> {
this.dataSource.getData(fetch_id).subscribe((elements) => {
this.elements = elements.map((element) => ({
id: element.element_id.toString(),
name: element.element_name,
fetch_method: element.fetch_method_id,
created: element.created_at,
}));
this.elements$.next(this.elements);
});
return this.elements$;
我的 HTML 顯示如下：
<td
class="pointer"
mat-cell
*matCellDef="let element"
[routerLink]="getFetchUrl(element)"
>
{{ element.fetch_method }}
</td>
我的問題是：fetch_method將回傳 1,2 或 3，我必須在前端部分以不同的方式表示（如果是 1，前端必須顯示“自動”，如果是 2，它必須顯示“手動”，如果是 3，它必須顯示“兩者”）。
目前，我的前端只顯示 1,2 或 3。
我嘗試搜索是否可以在某處插入和 IF-ELSE statament，但沒有發現任何幫助。我將不勝感激任何建議！
uj5u.com熱心網友回復：
你可以像這樣使用列舉：
.ts 檔案：
export enum fetchMethodEnum {
Automatic = 1,
Manual = 2,
Both = 3,
}
您可以為 enum 創建單獨的檔案或在 ts 檔案之前添加 @component
并在類中將列舉系結到一個變數：
fetchMethod = fetchMethodEnum;
html檔案：
<td class="pointer" mat-cell *matCellDef="let element"
[routerLink]="getFetchUrl(element)"
>
{{ fetchMethod[element.fetch_method] }}
基于element.fetch_methodid 顯示列舉。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/360256.html