O módulo '“angular2 / angular2”' não possui membro exportado 'For'

Question

Jun 11, 2015, 03:45 AM

O módulo '“angular2 / angular2”' não possui membro exportado 'For'

Estou seguindo o tutorial no site oficial do Angular2.

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

Aqui está o meu arquivo .ts:

/// <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);

Aqui está o meu html:

<html>
<head>
        <script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
        <script src="https://jspm.io/system@0.16.js"></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>

E eu instalei angular2, Rx e es6-promessa.

Ainda o erro persiste.

mensagem TS6042: Compilação concluída. Observando alterações no arquivo. mensagem TS6032: Alteração no arquivo detectada. Iniciando a compilação incremental ... show-properties.ts (2,37): erro TS2305: O módulo '"angular2 / angular2"' não possui um membro exposto 'For'. mensagem TS6042: Compilação concluída. Observando alterações no arquivo.

Atualizar

Aqui está o meu código .ts atualizado:

/// <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 ainda é alfa 26.

Agora não há mensagem de erro e posso ver

nome: Amigos:

Mas nenhum valor é inserido. E eu tenho uma mensagem de erro:

show-properties.ts (7,2): erro TS2348: O valor do tipo 'typeof ComponentAnnotation' não pode ser chamado. Você queria incluir 'novo'? show-properties.ts (10,2): erro TS2348: O valor do tipo 'typeof ViewAnnotation' não pode ser chamado. Você queria incluir 'novo'? mensagem TS6042: Compilação concluída. Observando alterações no arquivo.

leaveComments