我尝试创建一个简单的angular2组件,并在将指令绑定到本机DOM元素时出错.
例如：
/// <reference path="../../typings/_custom.d.ts" />
import { Component,View } from 'angular2/angular2';
import { RouterLink } from 'angular2/router';
@Component({
selector: 'my-component',directives: [RouterLink]
})
@View({
template: `
<a [router-link]="['/page']">test</a>
`
})
export class MyComponent { }
=>无法绑定到’routerLink’,因为它不是’< a>‘的已知属性元素并没有匹配的指令与相应的属性.
我做错了什么？
>正如@EricMartinez所说,“指令”是一个“查看”属性
>正如@dSebastien所说,“router-link”变成了“routerLink”
>正如@ pardeep-jain所说,“angular2 / angular2”变为“angular2 / core”,“View”注释被删除,不需要打字行
>正如@dSebastien所说,“router-link”变成了“routerLink”
>正如@ pardeep-jain所说,“angular2 / angular2”变为“angular2 / core”,“View”注释被删除,不需要打字行
这是正确的代码：
import { Component } from 'angular2/core';
import { RouterLink } from 'angular2/router';
@Component({
selector: 'my-component',directives: [RouterLink],template: `
<a [routerLink]="['/page']">test</a>
`
})
export class MyComponent { }
