Сбор доступа в интерфейсе в угловых 8 - PullRequest
Новая
       8

Сбор доступа в интерфейсе в угловых 8

1 голос
/ 09 октября 2019

У меня есть следующий интерфейс 

export interface  MenuItem { 
    nombre: string;
    url: string; 
    imgUrl: string;

    hijos : MenuItem[];

}

С данными: 

[
    {
        "nombre": "General",
        "url": "#",
        "hijos": [
            {
                "nombre": "Sucursales",
                "url": "sucursales",
                "hijos": []
            },
            {
                "nombre": "Distritos",
                "url": "distritos",
                "hijos": []
            }
        ]
    },
    {
        "nombre": "Seguridad",
        "url": "#",
        "hijos": [
            {
                "nombre": "Empleados",
                "url": "empleados",
                "hijos": []
            }
        ]
    }
]

У меня есть проблемачто я хочу получить доступ к вложенной коллекции, и она выдает мне ошибку. 

<div>
    <p *ngFor="let grupoItem of menuItems">{{ grupoItem.nombre }}</p>
    <ul>
        <li *ngFor="let menuItem of grupoItem.hijos">
            <a routerLink="{{ menuItem.url }}">{{ menuItem.nombre }}</a> -->
        </li>
    </ul>
</div>

ошибка: «Не удается прочитать свойство 'hijos' из неопределенного"

Ошибкав строке: 

<li *ngFor="let menuItem of grupoItem.hijos">

Как получить доступ к коллекции «хиджо»?

Заранее признателен за помощь.

...