RouterLink innerhalb eines repeater-Winkel-2

Es ist ein routerLink, die es ermöglicht, die notwendigen Routen für die navigation zur Verfügung, mit der config.

Es funktioniert gut, wenn es so etwas wie unten:

HTML:

<ul class="nav">
    <li class="nav-item">
        <a class="nav-link" href="#" [routerLink]="['/home']">Home</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#" [routerLink]="['/about']">About</a>
    </li>
</ul>

Aber es schlägt fehl, wenn verwendet, innen ein *ngFor repeater, wie diese

HTML:

<ul class="nav">
    <li class="nav-item" *ngFor="let item of menu">
        <a class="nav-link" href="#" [routerLink]="['{{item.link}}']">{{item.name}}</a>
    </li>
</ul>

Gesucht hab ich genug auf Google aber ich war nicht in der Lage, eine befriedigende Antwort darauf finden.

Jede Hilfe ist willkommen

InformationsquelleAutor Arunkumar Srisailapathi | 2016-08-10
  1. 24

    Brauchen Sie nicht '{{item.link}}'

    Verwenden Sie nur item.link ohne '' und {{}}

    HTML:

    <ul class="nav">
     <li class="nav-item" *ngFor="let item of menu">
         <a class="nav-link" href="#" [routerLink]="[item.link]">{{item.name}}</a>
     </li>
</ul>

    Wenn Sie möchten, verketten Sie die routerLink

    können Sie tun

    [routerLink]="['./page/' + item.id]"
    • Danke! Arbeitete wie ein Charme
    • Kumar vergessen Sie nicht, akzeptieren Sie eine Antwort, wenn es für Sie arbeitet. Also andere Leute könnten es leicht finden.
    • Jede chance, die Sie könnte hinzufügen, warum? Sie nicht brauchen ..., weil...?
    InformationsquelleAutor Suren Srapyan
Schreibe einen Kommentar