Angular 多个ngFor不工作角度4

我正在尝试使用ngFor填充分块结果

 <div *ngFor="let item of states; let i = index">
                    <ul>
                        <li ngFor="let state of item">{{item}}</li>
                    </ul>
                </div>

html

<div class="split-by-4" *ngIf="statesChunk && statesChunk.length">
                <div *ngFor="let item of statesChunk; let i = index">
                    <ul>
                        <li *ngFor="let state of item">{{state.name}}</li>
                    </ul>
                </div>
            </div>

{{state.name}

您有一个输入错误：

---

你在

中忘了一个asterix我们甚至不知道你的数据是什么样子？您正在尝试迭代非数组的内容，顺便说一句，请使用
*ngFor
：）我已更新了this.states@AJT的console.log_82@AJT_82他所需要做的就是在字段中添加一个点。
{{{state.myField}
。ngFor在具有嵌套ngFor@Royi，我从一开始就怀疑这是一个财产，但我希望OP能提供足够的信息，或许能得到一个体面的答案；）@罗依，我的错误是，我看不见的不是一个包含数组的数组，我只是看到一个包含对象的数组。现在我看到它是一个带有数组的数组：D呃，也许我需要休息一下：DIf我加上*它的抛出错误。你能再检查一下我的控制台错误吗？我不知道你的意思。您应该将
*
用作
*ngFor
——否则事情将无法进行。请参阅plunkrI am using angular 4，如果您注意到我的开发人员工具输出，则该项将转换为字符串。谢谢你的时间。@AlaksandarJesusGene我的plunker也和Angular4在一起。你能粘贴你的最终代码吗？我想看看您使用的最终代码。@AlaksandarJesusGene请将您的最终代码与Royi给您的代码进行仔细比较。。。有什么区别吗？；）
 <div *ngFor="let item of states; let i = index">
                    <ul>
                        <li *ngFor="let state of item">{{state}}</li>
                    </ul>
                </div>

<div class="split-by-4">
                <div *ngFor="let item of states; let i = index">
                    <ul>
                        <li ngFor="let state of item[i]">{{item}}</li>
                    </ul>
                </div>
            </div>

{
$("#cities-with-state-modal").modal('open');

    this.chunkStates();
}
chunkStates(){
    this.states = _.cloneDeep(this.backup.states); // this.states is loading and its giving as string before the data got chunked.
    let chunkSize = _.toInteger(this.states.length/4);
    this.statesChunk = _.chunk(this.states, chunkSize);
  }

<div class="split-by-4" *ngIf="statesChunk && statesChunk.length">
                <div *ngFor="let item of statesChunk; let i = index">
                    <ul>
                        <li *ngFor="let state of item">{{state.name}}</li>
                    </ul>
                </div>
            </div>

<div *ngFor="let item of states; let i = index">
   <ul>
        <li *ngFor="let state of item">{{state.MyStateProperty}}</li>
   </ul>
</div>