angular - 无法在 native 元素上绑定(bind) angular2 指令

Question

我尝试创建一个简单的 angular2 组件，但在将指令绑定(bind)到 native 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 {    }

=> 无法绑定(bind)到“routerLink”，因为它不是“”元素的已知属性，并且没有具有相应属性的匹配指令。

我做错了什么？

Answer 1

• 正如@EricMartinez 所说，“指令”是一个“ 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 {    }