我想使用 Angular-13 從 ASP.NET Core Web API 顯示員工的詳細資訊。
我有這些端點：
{
"id": 1,
"employee_name": "Frank Lammmy",
"charge_mode": 1,
"charge_value": 12344.55,
"charge_percent":
}
要在員工詳細資訊上實作的是：如果charge_mode = 1，則應顯示charge_value，但如果charge_mode = 2，則應顯示charge_percent。
我試過這個：
<div >
Employee Name: <strong>{{ employeeList.employee_name || 'N/A' }}</strong>
</div>
<div >
*ngIf="employeeList.charge_mode === 1" Amount: <strong>{{ employeeList?.charge_value || 'N/A' }}</strong>
*ngIf="employeList.charge_mode === 2" Percentage (%): <strong>{{ employeeList?.charge_percent || 'N/A' }}</strong>
</div>
但它不起作用，它只顯示原始資料。
我如何實作這一目標？
uj5u.com熱心網友回復：
您提供的代碼很接近，但您需要將*ngIf指令應用于某些 HTML 元素。
<div class="col-md-6">
Employee Name: <strong>{{ employeeList.employee_name || 'N/A' }}</strong>
</div>
<div class="col-md-6">
<span *ngIf="employeeList.charge_mode === 1">Amount: <strong>{{ employeeList?.charge_value || 'N/A' }}</strong></span>
<span *ngIf="employeeList.charge_mode === 2">Percentage (%): <strong>{{ employeeList?.charge_percent || 'N/A' }}</strong></span>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/420562.html
標籤：
上一篇：計算二維圖中偶數/奇數的總數