Angular2，使用 NgFor 从数组数组中获取特定元素答案

【问题标题】：Angular2 , get specific element from Array of Arrays using NgForAngular2，使用 NgFor 从数组数组中获取特定元素
【发布时间】：2018-04-01 11:25:10
【问题描述】：

我的目标是从数组的服务数组中获取任意索引的对象数组，并通过 *ngFor 循环遍历该对象数组

文件.TS

services:  Array<Servizio[]> = [];

FILE.HTML 这是我想做的，但我的列表中没有显示任何内容

  <li *ngFor="let servizio of services[0]"> 
                                <a href="#">{{servizio.name}}</a>
                            </li>

【问题讨论】：

标签： angular angular2-directives

【解决方案1】：

ngFor 在数组上工作，你试图使用数组的第一个元素，这是一个对象，你应该这样做

 <li *ngFor="let servizio of services"> 
      <a href="#">{{servizio.name}}</a>
 </li>

【讨论】：

【解决方案2】：

试试这样：

我的例子：

模板

<ul>
    <li *ngFor="let servizio of services[0]?.subMenuItem"> 
        <a href="#">{{servizio.name}}</a>
    </li>
</ul>

打字稿：

services: Array<any[]> = [{
    "name": "xyz",
    "subMenuItem": [{
        "name": "abc"
    }, {
        "name": "cde"
    }],
    "icon": "home"
}, {
    "name": "pqr",
    "subMenuItem": [{
        "name": "abc"
    }, {
        "name": "cde"
    }],
    "icon": "home"
}];

【讨论】：

感谢您的回答，我要做的是通过 *ngFor 从 services 数组中访问第一个 Servizio 类型的对象数组，并循环遍历该数组的元素，任何关于如何做的想法？
您能提供服务的示例数据吗？

【解决方案3】：

我发布我的问题的解决方案，以防它对任何人都有帮助：

<ul class="nav nav-list">
                                <span *ngFor="let servizio of services; let idx = index">
                                    <span *ngIf="idx  === 2">
                                        <li *ngFor="let ser of servizio">
                                            <a href="#">{{ser.name}}</a>

                                        </li>
                                    </span>
                                </span>
                            </ul>

【讨论】：