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

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

FILE.TS

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

services:Array=[]；

HTML这是我希望能够做到的，但我的列表中没有显示任何内容

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

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

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

试着这样做：

我的例子：

模板

<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"
}];

服务：数组=[{
“名称”：“xyz”，
“子菜单项”：[{
“名称”：“abc”
}, {
“名称”：“cde”
}],
“图标”：“主页”
}, {
“名称”：“pqr”，
“子菜单项”：[{
“名称”：“abc”
}, {
“名称”：“cde”
}],
“图标”：“主页”
}];

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

<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>

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