Как повторить fragment HTML несколько раз без ngFor и без другого @Component

Проблема проста, я хочу повторить fragment HTML, несколько раз в моем шаблоне.

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

«Рабочее решение» должно было бы определить конкретный @Component для моего повторного HTML и сделать что-то вроде этого:

Whatever html

Whatever

были

Whatever html

Whatever

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

Есть ли что-нибудь в движке шаблонов ng2, чтобы определить «внутренний шаблон» и использовать его везде, где он мне нужен, в текущем шаблоне?

Если ответ не так, я думаю, я предпочел бы дублировать HTML, даже если это будет отстой.

обновление Угловое 5

ngOutletContext был переименован в ngTemplateOutletContext

См. Также https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta5-2017-08-29

оригинал

Недавно добавленная ngTemplateOutlet может быть тем, что вы хотите

  

В настоящее время он может использоваться как

   

Шаблон также можно передать дочернему компоненту, который будет отображаться там

 @Component({ selector: 'some-child', providers: [], template: ` 

Child

`, directives: [] }) export class Child { @ContentChild(TemplateRef) template:TemplateRef; }

для использования как

    

пример stackblitz

Другой пример Plunker
который использует данные, переданные как

 

Таким образом, ngOutletContext может использоваться в шаблоне, например

  

где image является свойством templateData

Если используется $implicit

 

ngOutletContext может использоваться в шаблоне как

  
   

и в rx-компоненте:

 
  • обрати внимание на:

    [ngOutletContext]="{$implicit: item}"

    так же как

  • Угловой маршрутизатор поддерживает строку запроса
  • Как заставить Angular2 связывать компонент в innerHTML
  • Угловое ИСКЛЮЧЕНИЕ: Нет провайдера Http
  • Не удается прочитать свойство «push» неопределенного (...) в угловом2
  • Угловая ошибка 2: 404 возникает при обновлении через браузер
  • угловое обнаружение изменений и ChangeDetectionStrategy.OnPush
  • Функция Angular2 canActivate (), вызывающая функцию async
  • Угловое 2 - Что эквивалентно корневой области?
  • Angular 2 - просмотр не обновляется после изменения модели
  • Повторите элемент HTML несколько раз, используя ngFor на основе числа
  • Обнаружение изменения углового2: ngOnИзменяет не стрельбу по вложенному объекту
  • Давайте будем гением компьютера.