Угловой 2: Отображение результата наблюдения в модели

Question

У нас есть модель, которая содержит Observable. Это в основном «прокси» база данных графа. Объект в JavaScript - это вершина в базе данных удаленных графов. Получение значения свойства, если не примитивного, выполняется через Observable и HTTP-запрос.

Как я могу эффективно отображать такую ​​модель в Угловом 2?

Одна вещь, которую я мог бы попробовать, это копия класса модели 1: 1, только с обычной ссылкой, а не Observable, и заполнение, которое возвращается.

Кроме того, мое дело в том, что мне нужно свойство объекта, возвращаемого наблюдаемым. В этом statsFilesByTypeJavaPercent является Observable:

Java {{technologiesStats?.statsFilesByTypeJavaPercent?.quantity}} % 

Так как же я потребляю его?

Answer 1

Хорошо, он получил ... можно использовать AsyncPipe с синтаксисом ... | async трубы в угловых 2 шаблонам:

<li *ngFor="let item of items | async">{{item}}</li> 

Довольно полезный. Вот some tutorial on the topic.

Тогда, если нужно свойство объекта задается Observable, это синтаксис:

Java {{(technologiesStats.statsFilesByTypeJavaPercent | async)?.quantity}} % 

Кроме того, я думаю, что я мог бы создать специальный компонент, для того что бы принять результат в качестве входных данных и показать .quantity.