22
Bileşendeki dinamik öğeler kümesine dayalı olarak bir yönerge içinde routerLink değerini ayarlamaya çalışıyorum. Ama bir hata Angular2 atılan ediliyor:Dinamik yönlendirici ng'den gelen değer ngÜrüne ilişkin hata verme "İfadenin beklendiği yerde enterpolasyon ({{}}) var"
EXCEPTION: Template parse errors:
Parser Error: Got interpolation ({{}}) where expression was expected at column 1 in [ {{item.routerLink}} ] in [email protected]:40 ("
<a *ngFor="let item of headerItems" [ERROR ->][routerLink]=" {{item.routerLink}} ">
{{item.text}}
</a>
"): [email protected]:40
header.component.ts
import {Component} from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router-deprecated';
@Component({
selector: 'app-header',
templateUrl: './app/components/header/header.component.html',
directives: [ROUTER_DIRECTIVES]
})
export class AppHeader {
headerItems: Object[] = [];
constructor() {
this.headerItems.push(
{ classes: 'navLink', routerLink: ['/Home'], text: 'Home' }
);
}
}
header.component.html
<div id="HeaderRegion">
<nav class="nav">
<a *ngFor="let item of headerItems" [routerLink]=" {{item.routerLink}} ">
{{item.text}}
</a>
</nav>
</div>
'a' bilinen bir özelliği. ve eğer şablonunuz (benim yaptığım gibi) özel bir modülün içinde ise, modülünüzde de RouterModule'yi almayı unutmayın: -P – ninja