我尝试创建一个简单的angular2组件,并在将指令绑定到本机DOM元素时出错.
例如：
@H_404_3@/// <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”注释被删除,不需要打字行
这是正确的代码：
@H_404_3@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 { }