[英]*ngFor causing template error
我收到此錯誤:
Template parse errors:↵Parser Error: Conditional expression result?categories requires all 3 expressions at the end of the expression [ngFor let category of result?categories] in ResultAttributesComponent@32:17
從這個模板:
<div class="row">
<div class="col-sm-12">
<div id="categories">
<div *ngFor="let category of result?categories">
<div class="category1">
</div>
</div>
</div>
</div>
</div>
我究竟做錯了什么?
這是結果對象:
{
id: 15,
name: 'sugar free dark chocolate salted caramel',
brand: "alpro",
description: "Delicious sugar free dark chocolate in everyones favourite flavour, salted caramel.",
image: "result-images/sugar_free_dark_chocolate_salted_caramel.png",
rating: 9.2,
nearbyShops:[],
categories: ["dessert", "Baking"],
averagePrice: 4.32,
amount: "400g",
reviews: [{
id: 11,
description: 'It was pretty amazing!',
rating: 9.1,
user: {
id: 1,
userName: "BeniaminoBaggins",
},
comments: [{
id: 1,
description: "great review!",
user: {
id: 2,
userName: "IrishNimue"
}
}]
}]
}
你不見了.
在你的循環表達式中:
<div *ngFor="let category of result?.categories">
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.