Как сделать шаблон в глобальном компоненте / выходе?

Question

У меня есть вопрос относительно рендеринга маршрута в компонент / выход.

Я хотел бы иметь компонент, который находится в шаблоне приложения, который действует как модальный / поповер.

При отображении маршрута я хотел бы отобразить шаблон в компоненте, а при изменении содержимого запустить некоторую логику в компоненте, который открывает / закрывает всплывающее окно.

Я надеюсь, что кто-то может просветить меня о том, как я буду делать это?

В настоящее время у меня есть компонент в шаблоне приложения, который имеет именованный выход внутри (см. Ниже). Я могу отобразить маршрут в названную точку, но не могу понять, как подобрать изменения в контенте, когда он меняется. Нажатие на разные ссылки изменит содержание этой торговой точки.

Какие-нибудь мысли? Лучший способ выполнить то, что я хочу сделать?

приложение / шаблоны / application.hbs

{{#primary-popover}}
  {{outlet 'primary-popover'}}
{{/primary-popover}}

/app/profile/route.js

import Ember from 'ember';

export default Ember.Route.extend({

  renderTemplate() {
    this.render('profile', {
      outlet: 'primary-popover'
    });
  }
});

Answer 1

Я думаю, что лучший способ решить вашу проблему - использовать http://ef4.github.io/liquid-fire/. Он рекомендован библиотекой ember core team и хорошо поддерживается. У этого есть хороший модальный компонент, который может быть вызван с link-to компонент или через this.transitionTo программно.