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

发布时间：2020-12-17 09:16:50 所属栏目：安全来源：网络整理

导读：我尝试创建一个简单的angular2组件,并在将指令绑定到本机DOM元素时出错. 例如： /// reference path="../../typings/_custom.d.ts" /import { Component,View } from 'angular2/angular2';import { RouterLink } from 'angular2/router';@Component({ select

我尝试创建一个简单的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”注释被删除,不需要打字行

这是正确的代码：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!