我创建了一个组件,其中包含一个带有routerLink属性的a元素,我想从使用该组件的模板中设置它。当我尝试这样做时,我会收到“无法读取未定义属性'path'”的错误消息。
如果我不添加routerLink,一切都正常。我的路由器配置似乎也是正确的,因为当我直接将标签添加到模板中时,它也可以正常工作。有人能帮助我解决这个问题吗?
谢谢,Marco
我的组件如下所示:
info-box.component.ts
import { Input, Component } from "@angular/core";
import { ROUTER_DIRECTIVES } from "@angular/router";
@Component({
selector: "info-box",
template: require("./info-box.component.html"),
directives: [
ROUTER_DIRECTIVES
]
})
export class InfoBoxComponent {
@Input() routerLink: string;
@Input() imageUrl: string;
}
info-box.component.html
<a [routerLink]="[routerLink]">
<img src="{{imageUrl}}" width="304" height="236">
</a>
在使用该组件的模板中,它看起来像这样:
<info-box [routerLink]="['/test']" [imageUrl]="['./testimage.jpg']"
如果我不添加routerLink,一切都正常。我的路由器配置似乎也是正确的,因为当我直接将标签添加到模板中时,它也可以正常工作。有人能帮助我解决这个问题吗?
谢谢,Marco