无法绑定native元素上的angular2指令

Question

我尝试创建一个简单的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>'元素的已知属性,并且没有匹配的指令与相应的属性.

我做错了什么？

Answer 1

• 正如@EricMartinez所说,"指令"是一个"查看"属性
• 正如@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 {    }