Impossibile legare la direttiva angular2 sull'elemento nativo

Question

Cerco di creare un componente angular2 semplice e ho un errore durante il binding della direttiva a un elemento DOM nativo.

Ad esempio:

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

=> non può legarsi a 'routerLink' poiché non è una proprietà nota dell'elemento '<un>' e non ci sono direttive coincidenze con una corrispondente struttura .

Cosa ho fatto di sbagliato?

Answer 1

• Come @EricMartinez ha detto, "direttive" è una "vista" proprietà
• Come ha detto @dSebastien, "router-link" è diventato "routerLink"
• Come ha detto @ pardeep-jain, "angular2/angular2" è diventato "angular2/core", "Visualizza annotazione" viene rimosso, non c'è bisogno della linea tipizzazioni

Ecco il codice giusto:

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

A partire da Angular2 è ora in beta, quindi ci sono molti cambiamenti qui che riguardano questa domanda può aiutare qualcuno.

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

  cambiato in import {Component, View } from 'angular2/core' per la lista di tutte le importazioni in base alla versione beta vedi qui https://stackoverflow.com/a/34697758/5043867

(nella maggior parte dei casi non v'è alcuna necessità di utilizzare vista annotazione perché tutto il la funzionalità dell'annotazione della vista viene inclusa nell'annotazione del componente).

• senza bisogno di scrivere la linea tipizzazioni sulla parte superiore della componente a causa di battitura sono inclusi di default dal team angolare https://github.com/angular/angular/blob/master/CHANGELOG.md#200-alpha42-2015-10-13

• router-link cambiato in routerLink