筆記本電腦的文字和價格應該出現在藍色按鈕上。雖然我寫了必要的代碼，但我無法得到結果
<div class="card" style="width: 18rem;" >
<img src="https://picsum.photos/400" class="card-img-top" alt="Card image cap"/>
<div class="card-body" >
<h5 class="card-title">
{{product.name}} {{product.price | currency:'USD':true:"1.2-2"}}</h5>
<p class="card-text">
{{product.description}}
</p>
<a href="#" class="btn btn-primary">Go Somewhere</a>
</div>
和product.price我得到一個錯誤 沒有代碼錯誤，在瀏覽器中看不到
它應該寫在我標記上述代碼需要的地方
.ts 代碼
export class Product{
id:number;
name: string;
price:number;
categoryId:number;
description:string;
imageUrl:string;
}
uj5u.com熱心網友回復：
你應該檢查的事情：
- 標簽是否
<h5><p>存在于檢查器（瀏覽器開發工具）中？ - 你確定css由于某種原因沒有隱藏元素嗎？例如，將行更改
{{product.name}} {{product.price | currency:'USD':true:"1.2-2"}}</h5>為{{product.name}} {{product.price | currency:'USD':true:"1.2-2"}}TEST</h5>- TEST 是否出現？如果是，css應該沒問題 - 如果以上幾點都可以，我懷疑 product 或 product.name/product.currency 未定義。也許
this.product.name='test';在您的組件中添加一個以確保它具有價值
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/473236.html
標籤：javascript 有角度的 打字稿 智能理念