angular使用动态组件后属性值_javascript – Angular 2使用组件属性动态设置routerLink...

我创建了一个组件,其中包含一个带有routerLink属性的元素,我想从使用该组件的模板中设置该属性.当我尝试这样做时,我收到错误消息’无法读取属性’未定义’的路径’.

我的组件看起来链接这个：

INFO-ponent.ts

import { Input,Component } from "@angular/core";

import { ROUTER_DIRECTIVES } from "@angular/router";

@Component({

selector: "info-box",template: require("./info-ponent.html"),directives: [

ROUTER_DIRECTIVES

]

})

export class InfoBoxComponent {

@Input() routerLink: string;

@Input() imageUrl: string;

}

INFO-ponent.html

并且使用组件的模板看起来像这样：

如果我不添加routerLink一切正常.我的路由器配置似乎是正确的,因为当我直接添加到我的模板时,它也可以正常工作.谁能帮我这个？

Grt Marco