为什么即使存在图像，也没有输入我的ngFor循环

Question

In有以下代码段：

<section>
<div class="row d-flex justify-content-center">
BEFORE THE LOOP
homeState.categories = {{homeState.categories}} //This is just a test
<div class="col col-md-4 col-12 col-lg-4 mb-4" 
*ngFor="let category of homeState.categories">
INSIDE THE LOOP
<div class="card">
<img class="img-fluid card-img-top w-100 d-block" 
src="app/home/assets/img/{{category.img}}" style="height: 8rem;">
<h4 style="font-family: Roboto, sans-serif;">{{category.name}}<br></h4>
</div>
</div>
</div>
</section>

"循环之前"；显示评论。This homeState.cacategories={｛homeState.categories}｝显示视图中的类别对象。

但是；"循环内部"；不显示注释。并且homeState.calasses的图像永远不会显示。

homeState.cacategories源自redux存储。

const initialState = {
categories: [
{
name: 'Ladies Apparel',
img: '13.jpg'
},
{
name: 'Cards, Stationery & Gifts',
img: '18.jpg'
},
{
name: 'Education',
img: '19.jpg'
},
{
name: 'Electronics, Computers & Telephones',
img: '20.jpg'
},        
]
}

Answer 1

我实际上不确定您是否可以将该逻辑放入您的视图中。也许你应该试着写

"homeState.cacategories＝｛｛homeState.caategories｝｝">

在其组件中，并从视图中删除此行。