Question

我尝试创建一个简单的angular2组件，将指令绑定到本机DOM元素时出错。

例如：

number = base36encode(base36decode(number) + 1)

=＆GT;无法绑定到'routerLink'，因为它不是'＆lt; a＆gt;'的已知属性元素并没有匹配的指令与相应的属性。

我做错了什么？

Answer 1

正如@EricMartinez所说，＆＃34;指令＆＃34;是一个＆＃34; View＆＃34;属性
正如@dSebastien所说，＆＃34; router-link＆＃34;变成＆＃34; routerLink＆＃34;
正如@ pardeep-jain所说，＆＃34; angular2 / angular2＆＃34;变成＆＃34; angular2 / core＆＃34;，＆＃34; View＆＃34;正在删除注释，不需要打字行

这是正确的代码：

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 {    }

Answer 2

由于Angular2目前处于测试阶段，因此有很多变化，这里对于这个问题很少有人可能有所帮助。

import { Component, View } from 'angular2/angular2'

已更改为import {Component, View } from 'angular2/core' 根据测试版的所有进口清单，请参见此处 https://stackoverflow.com/a/34697758/5043867

（在大多数情况下，不需要使用视图注释，因为视图注释的所有功能都包含在Component注释中。）

无需在组件顶部写入打字行，因为角色团队默认包含打字 https://github.com/angular/angular/blob/master/CHANGELOG.md#200-alpha42-2015-10-13
router-link已更改为routerLink

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

2 个答案: