web-dev-qa-db-fra.com

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

J'utilise Angular 2 wit rxjs observable. J'ai créé cette interface:

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

Je l'utilise comme observable et je le passe comme entrée à l'interface utilisateur:

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

Le problème est lorsque dans l'interface utilisateur lors de la liaison de l'objet entier comme ceci, je peux voir sa valeur imprimée et affichée:

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

Tout en utilisant une propriété spécifique de liaison (qui bien sûr fait partie du jeu), rien à l'écran - juste une chaîne vide:

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

est-ce possible? dois-je transmettre le nom et la description comme différentes entrées?

37
Lior Kooznits

Le tube 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.

59