1. #1
    Membre régulier
    Profil pro
    Inscrit en
    mars 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mars 2005
    Messages : 120
    Points : 87
    Points
    87

    Par défaut [ANGULARFIRE-2] Comment mapper une liste FirebaseObservable en Array of <T> ?

    Bonjour,
    Voici mon exemple simplifié :
    Ci-dessous, la classe que je stocke dans firebase par des push :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    export class Message {
      author: string; content: string; 
     
    concat(): string { 
      return this.author + ' :' + this.content; 
    }
    Ici la Data Service, qui se connecte à Firebase :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    export class MessageService { 
      lstMessages: FirebaseListObservable<Message[]>; 
      constructor(private af: AngularFire) { 
            this.lstMessages = af.database.list('/messages'); 
      } 
     
    getLastest(): Observable<Message[]> { 
      return this.lstMessages; } 
     
    send(msg: Message) { 
      this.lstMessages.push(msg); } }
    Et finalement le app.component :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    export class AppComponent { 
       messages: Message[] = []; 
       constructor(private msgService: MessageService) { 
            this.msgService.getLastest().subscribe( 
                (data: Message[]) => { this.messages = data; console.log(this.messages[0].concat()); } 
            ); 
        }
    Au final ça fonctionne dans la mesure où je récupère bien un Object[] avec mes champs, mais ce n'est pas vraiment des Message (class). Ainsi, si j'appelle depuis le résultat la méthod concat (), j'obtiends une erreur :

    FIREBASE WARNING: Exception was thrown by user callback. TypeError: _this.messages[0].concat is not a function
    at SafeSubscriber._next
    Bien sûr, ça fonctionne si je récrée l'objet :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    this.msgService.getLastest().subscribe( 
        (data: Message[]) => { data.forEach( 
                 (items) => this.messages.push(new Message(items.author, items.content)
                 )
        );}
    )
    Mais ça n'a plus aucun intérêt...

    Savez-vous comment récupérer ou traiter le data pour qu'il corresponde bien à ma classe .?

    D'avance merci,

    Mand.Net

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    mars 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mars 2005
    Messages : 120
    Points : 87
    Points
    87

    Par défaut

    Pour le moment j'ai créé une classe avec une méthode générique qui permet d'assigner les valeurs à mes classes models en passant leurs valeurs JSON.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    export class DataModelHelper {
       $key: string;
      static CreateFromJsonObject<T>(target: T, source: DataModelHelper): T {
        Object.assign(target , {$key: source.$key} , source);
        return target;
      }
    }
    Le principe c'est que les classes modèles doivent dériver de DataModelHelper

    Cela permet ensuite dans ma couche service/data de renvoyer une observable qui contient bien un Array de mes classes modèles :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    getAllLessons(): Observable<Lesson[]> {
      return this.af.database.list('/lessons')
        .do(console.log)
        .map( item1 => item1
          .map( item2 => DataModelHelper.CreateFromJsonObject<Lesson>((new Lesson), item2)));
    }
    Je ne trouve toujours pas ça idéal. J'aimerais bien savoir comment les gens s'y prennent en général.

    Cdlt,

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    mars 2005
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : mars 2005
    Messages : 120
    Points : 87
    Points
    87

    Par défaut

    Euh sérieux, il n'y a pas de développeur francophone TypeScript sur Angular ou quoi ? J'ai posté il y a deux jours sur stack overflow et j'ai déjà 8 réponses. Y a-t-il d'autres forums francophones ? J'ai l'impression que Developpez est mort.

  4. #4
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 866
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 866
    Points : 66 059
    Points
    66 059

    Par défaut

    Il n'y a effectivement pas beaucoup de membres qui participent au forum TypeScript. Il en suffit d'un ou deux pour faire vivre le flux et l'animer petit à petit jusqu'à ce que la sauce prenne. Tu es donc le bienvenu pour :

    • partager la solution que tu as finalement adoptée pour résoudre ton problème ;
    • répondre régulièrement (c'est en fait là que le bât blesse généralement) aux questions des autres ;
    • proposer des actualités concernant TypeScript ;
    • ajouter du contenu (critique de livre, article, tutoriel, QR de FAQ, etc.) à la rubrique.


    Si plusieurs membres font de même, j'ose espérer que la rubrique sera un jour plus vivante.

    Nous rencontrons ce genre de problème sur une bonne partie de nos forums réservés aux frameworks JavaScript. Il y a trop d'outils et donc peu d'experts. La francophonie représente un faible pourcentage des développeurs dans le monde, ce qui réduit d'autant plus les membres actifs.

Discussions similaires

  1. Comment mapper une liste d'objet standard
    Par horfee dans le forum JPA
    Réponses: 2
    Dernier message: 21/04/2010, 17h24
  2. Comment faire une liste d'image de choix ?
    Par poussinphp dans le forum Composants VCL
    Réponses: 4
    Dernier message: 01/10/2005, 00h34
  3. Réponses: 5
    Dernier message: 29/09/2005, 14h37
  4. Comment initialiser une liste de composants avec une boucle ?
    Par EricSid dans le forum Composants VCL
    Réponses: 5
    Dernier message: 06/04/2005, 18h46
  5. [PDFBox]Comment manipuler une LIST
    Par marcotop dans le forum Documents
    Réponses: 11
    Dernier message: 27/08/2004, 15h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo