συλλογής πρόσβαση σε μια διεπαφή σε γωνιακή 8

ψήφοι
0

Έχω την ακόλουθη διασύνδεση

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>

Πώς μπορώ να έχω πρόσβαση στη συλλογή «hijos»;

Εκτιμώ τη βοήθειά σας εκ των προτέρων.

Δημοσιεύθηκε 09/10/2019 στις 19:00
πηγή χρήστη
Σε άλλες γλώσσες...                            


2 απαντήσεις

ψήφοι
3

Δεύτερον βρόχο δεν ήταν μέσα στο πρώτο. Αλλάξτε πρότυπο για αυτό:

<div>
    <div *ngFor="let grupoItem of menuItems">
    <p>{{ grupoItem.nombre }}>/p>
    <ul>
        <li *ngFor="let menuItem of grupoItem.hijos">
            <a routerLink="{{ menuItem.url }}">{{ menuItem.nombre }}</a> -->
        </li>
    </ul>
    </div>
</div>
Απαντήθηκε 09/10/2019 στις 19:05
πηγή χρήστη

ψήφοι
0

Φαίνεται σαν να προσπαθείτε να αποκτήσετε πρόσβαση στα δεδομένα έξω από το ngFor. Δοκιμάστε ενημέρωση κώδικα παρακάτω:

<div *ngFor="let grupoItem of menuItems">
  <p>{{ grupoItem.nombre }}</p>
  <ul>
      <li *ngFor="let menuItem of grupoItem.hijos">
          <a routerLink="{{ menuItem.url }}">{{ menuItem.nombre }}</a> -->
      </li>
  </ul>
</div>
Απαντήθηκε 09/10/2019 στις 19:06
πηγή χρήστη

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more