56 votes

Angular2 - Relier l'interface utilisateur à une propriété observable

Je suis en utilisant Angulaire 2 wit rxjs observables. J'ai créé cette interface:

interface IGame {
    name: string;
    description: string;
}

Je l'utilise comme un fait observable et en le passant en entrée de l'interface utilisateur:

@Input() public game: Observable<IGame>;

Le problème c'est quand dans l'INTERFACE utilisateur lors de la liaison de l'ensemble de l'objet comme ça je peux voir, c'est la valeur imprimé et affiché:

 <h3>{{game | json}}</h3>

Lors de l'utilisation de la liaison spécifique de la propriété (ce qui bien-sûr sa partie de jeu) rien dans l'écran - juste une chaîne vide:

 <h3>{{game.name}}</h3>
 <h3>{{game.description}}</h3>

est-il possible? dois-je passer nom & description entrées différentes?

82voto

Günter Zöchbauer Points 21340

Le canal async fait l'abonnement dans les liaisons de vue

  <h3>{{(game | async)?.name}}</h3>
 

Le ? n'est nécessaire que lorsque des valeurs null peuvent être émises.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X