Module '“angular2/angular2”' n'a pas exporté membre "Pour"
Je suis le tutoriel sur le site officiel Angular2 site web.
https://angular.io/docs/js/latest/guide/displaying-data.html
Voici mon .ts fichier:
///<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);
Voici mon code 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>
Et j'ai installé angular2, Rx et es6-promesse.
Toujours l'erreur persiste.
message TS6042: Compilation complète. Regarder pour des modifications de fichiers.
message TS6032: changement de Fichier détecté. Départ incrémentielle
compilation... montrez-propriétés.ts(2,37): erreur TS2305: Module
'"angular2/angular2"' n'a pas d'expo rted membre 'Pour'. message TS6042:
Compilation complète. Regarder pour des modifications de fichiers.
Mise à jour
Voici ma mise à jour .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 est toujours en alpha 26.
Maintenant il n'y a aucun message d'erreur et je peux voir
nom:
Amis:
Mais pas les valeurs sont insérées.
Et j'ai eu un message d'erreur:
show-propriétés.ts(7,2): erreur TS2348: Valeur de type " typeof
ComponentAnnotation " n'est pas appelable. Avez-vous l'intention d'inclure les "nouveaux"?
afficher les propriétés.ts(10,2): erreur TS2348: Valeur de type " typeof
ViewAnnotation " n'est pas appelable. Avez-vous l'intention d'inclure les "nouveaux"?
message TS6042: Compilation complète. Regarder pour des modifications de fichiers.
OriginalL'auteur Franva | 2015-06-11
Vous devez vous connecter pour publier un commentaire.
Votre problème, c'est que la documentation n'est pas dans la synchro. Si vous avez suivi la documentation pour l'installation récemment, on l'aurait installé le typings la dernière version alpha26, qui a beaucoup de débris de changements. Et de la documentation a23 version avec cette version de code. Vous pouvez soit
1) mise à Jour de votre typings à l'ancienne version qui correspond à v23, que vous pouvez le trouver ici. Copier le contenu et de le remplacer dans
./typings/angular2/angular2.d.ts
.2) Mise à niveau de votre angulaire de script pour alpha 26 et fixer quelques choses.
For
est maintenantNgFor
,If
est maintenantNgIf
*for
est maintenant*ng-for
,*if
est maintenant*ng-if
...injectables
(si vous avez l'intention d'utiliser dans votre directive paramètres) est maintenantappInjector
installer typings pour
es6-promise
,rx
etrx-lite
à l'aide de la mêmetsd query xxx --action install
commande.Démo - 23
Démo - 26
Vous pouvez également utiliser le démarrage à partir de angulaire de la classe webpack starter.
Lors de l'utilisation de Typescipt vous ne devriez pas avoir à l'utiliser
annotation as
, je suppose. Je viens de faireimport {Component, View, bootstrap, NgFor} from 'angular2/angular2';
L'un était pour l'es6 code dans plnkr. Également installer le typings comme je l'ai mentionné ci-dessus dans la mise à jour de répondre, s'il le demande. Notez également l'orthographe deconstructor
il y a une erreur dans votre code. Espérons que vous devez être en mesure de figurer ici.Je vous remercie pour votre aide et votre patience. Le problème a finalement été résolu 🙂
Vous êtes les bienvenus.. Cheers!! 🙂
l'utilisation d'importation { Composant,Vue, bootstrap } 'angular2/angular2'; au lieu de cela - je pense qu'ils ont changé les noms...
OriginalL'auteur PSL
Oui, le renommé pour ng-pour. Même avec ng-si.
Juste le mettre à jour votre fichier ts et de la vue.
J'ai quelques échantillons ici si vous êtes intéressé par un peu de travail Angulaire 2.0 exemples: http://www.syntaxsuccess.com/viewarticle/angular-2.0-examples
OriginalL'auteur TGH