Module '' angular2 / angular2 '' hat kein exportiertes Mitglied 'For'

Question

Jun 11, 2015, 03:45 AM

Module '' angular2 / angular2 '' hat kein exportiertes Mitglied 'For'

Ich verfolge das Tutorial auf der offiziellen Angular2-Website.

https: //angular.io/docs/js/latest/guide/displaying-data.htm

Hier ist meine .ts-Datei:

/// <reference path="typings/angular2/angular2.d.ts" />
import {Component, View, bootstrap, For} from 'angular2/angular2';

@Component({
    selector: 'display'
})
@View({
    template: '<p>name: {{myName}}</p>' +
                '<p>Friends:</p>' +
                '<ul>'+
                 '<li *for="#name of names">'+
                    '{{name}}'+
                 '<li>'+
                '<ul>',
    directives: [For]
})
class DisplayComponent{
    myName: string;
    names: Array<string>;

    constructotr(){
        this.myName = "Alice";
        this.names = ["Winston", "Alex", "Shannon", "Irizu"];
    }
}

bootstrap(DisplayComponent);

Hier ist mein HTML:

<html>
<head>
        <script src="https://github.jspm.io/jmcriffey/[email protected]/traceur-runtime.js"></script>
        <script src="https://jspm.io/[email protected]"></script>
        <script src="https://code.angularjs.org/2.0.0-alpha.23/angular2.dev.js"></script>
</head>
<body>
    <display></display>
    <script>
      System.import('show-properties');
    </script>
</body>

</html>

Und ich habe angle2, Rx und es6-Versprechen installiert.

Der Fehler bleibt bestehen.

message TS6042: Kompilierung abgeschlossen. Überwacht auf Dateiänderungen. Nachricht TS6032: Dateiänderung erkannt. Inkrementelle Kompilierung wird gestartet ... show-properties.ts (2,37): Fehler TS2305: Das Modul '"angular2 / angular2"' hat kein exponiertes Element 'For'. Nachricht TS6042: Kompilierung abgeschlossen. Überwacht auf Dateiänderungen.

Aktualisiere

Hier ist mein aktualisierter .ts Code:

/// <reference path="typings/angular2/angular2.d.ts" />
import {
 ComponentAnnotation as Component,
  ViewAnnotation as View, bootstrap, NgFor
} from 'angular2/angular2';



@Component({
    selector: 'display'
})
@View({
    template: '<p>name: {{myName}}</p>' +
                '<p>Friends:</p>' +
                '<ul>'+
                 '<li *ng-for="#name of names">'+
                    '{{name}}'+
                 '<li>'+
                '<ul>',
    directives: [NgFor]
})
class DisplayComponent{
    myName: string;
    names: Array<string>;

    constructotr(){
        this.myName = "Alice";
        this.names = ["Winston", "Alex", "Shannon", "Irizu"];
    }
}

bootstrap(DisplayComponent);

angular2.d.ts ist immer noch Alpha 26.

Jetzt gibt es keine Fehlermeldung und ich kann @ seh

name: Freunde:

Aber es werden keine Werte eingefügt. Und ich habe eine Fehlermeldung:

show-properties.ts (7,2): Fehler TS2348: Wert des Typs 'typeof ComponentAnnotation' kann nicht aufgerufen werden. Meinten Sie vielleicht 'new'? show-properties.ts (10,2): Fehler TS2348: Der Wert des Typs 'typeof ViewAnnotation' kann nicht aufgerufen werden. Meinten Sie vielleicht 'new'? Nachricht TS6042: Kompilierung abgeschlossen. Überwacht auf Dateiänderungen.