Как в Angular JS 1.5 организовать загрузку данных c RESTful API сервера прежде отрисовки компоненты (component) и биндинга (bindings) объектов?

Question

[Ramil Z.]

Всем привет!
Приложение построено на https://github.com/AngularClass/NG6-starter.
Проблема в следующем. Есть список заказов и просмотр одного заказа. Когда я кликаю на заказ в списке, то на сервер RESTful отправляется запрос для получения подробностей по заказу. В этот момент отображается компонента просмотра одного заказа, где bindings: {order: '<'}. В итоге получаю пустоту, потому что в момент отображения заказа данные не успевают прийти с сервера и order еще пустой.
Когда приложение без участия с сервером, типа TODO list, то там все просто и проблем нет. Но как быть в случае взаимодействия с сервером и ожиданием ответа от него?

Answer 1

[Дмитрий Кравченко]

<div ng-if="dataLoaded">
  <!-- stuff -->
</div>

Comments

[Ramil Z.]

Всмысле, пока данные не загрузились, то компонента не появится. А как данные загрузятся, то появляется и отрабатывает все биндинги?

[Дмитрий Кравченко]

Ramil Z.: да, все, как всегда

Answer 2

[Mikhail Osher]

1) Использовать вариант Дмитрий Кравченко с переменной loaded
2) Если используется ui-router, делать вычисления в resolve.

Answer 3

[rakro]

www.codelord.net/2015/12/25/configuring-components...

Answer 4

[Ramil Z.]

Спасибо за подсказку.

В случае, если пользователь переходит на страницу по url напрямую (без клика в приложении), то resolve также поможет и загрузит данные прежде биндингов?

Второй вопрос: есть страница с мастер-деталью в одном окне (слева мастер список, справа детализация выбранного из списка). Деталь грузится также с сервера в момент клика.
В этом случае, как лучше биндить, отображать данные? Создать отдельно Фабрику (сервис) куда загружать данные, и потом из нее вытаскивать?