Ich kann die Anweisung angular2 auf dem nativen Element nicht binden

Question

Ich versuche, eine einfache angular2-Komponente zu erstellen, und ich habe einen Fehler, wenn ich die Direktive mit einem nativen DOM-Element verbinde.

Zum Beispiel:

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

=> nicht zu ‚Router‘ binden kann, da es nicht eine bekannte Eigenschaft des ‚<ein>‘ Elements ist, und es gibt keine passenden Richtlinien mit einer entsprechenden Eigenschaft .

Was habe ich falsch gemacht?

Answer 1

• Wie @EricMartinez sagte: "Direktiven" a "Ansicht" Eigenschaft ist
• Wie @dSebastien sagte: "Router-Link" wurde "Router"
• Als @ Pardeep-Jain „, sagte angular2/angular2" wurde "angular2/Kern", "Ansicht" Anmerkung entfernt wird, keine Notwendigkeit der Typisierungen Linie

Hier ist der richtige Code:

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

Ab Angular2 ist jetzt in der Beta-Version, so dass es viele Änderungen gibt, von denen einige hier bezüglich dieser Frage vielleicht jemandem helfen können.

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

  zu import {Component, View } from 'angular2/core' für die Liste aller Einfuhren https://stackoverflow.com/a/34697758/5043867

  sehen hier nach Beta geändert

(in den meisten Fällen gibt es keine Notwendigkeit Ansicht Anmerkung zu verwenden, da alle Die Funktionalität der Ansichtsannotation wird in die Annotation der Komponente aufgenommen.

• keine Notwendigkeit Typisierungen Linie auf der Oberseite der Komponente zu schreiben, weil die Eingabe von Standard durch Winkel Team enthalten sind https://github.com/angular/angular/blob/master/CHANGELOG.md#200-alpha42-2015-10-13

• router-link zu routerLink