Как передать файл.html в другой файл html в ангуляре?

Question

[Darkness]

У меня есть html, где есть разметка, css и файл .ts
Вопрос. Я вынес из общей разметки часть html, теперь мне нужно в общий html import вывести тот кусок, который я вынес, как можно это сделать? Я не знаком с ангуляром, поэтому возможно задаю такой тупой вопрос, извиняюсь сразу!
Вот как выглядит ts

import { Component, OnInit } from '@angular/core';
import {DialogService} from "ng2-bootstrap-modal";
import {ModalFormComponent} from "../../modal/modal-form/modal-form.component";
import { Inject, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser } from '@angular/common';

@Component({
    selector: 'app-offer-slider',
    templateUrl: './offer-slider.component.html',
    styleUrls: ['./offer-slider.component.less']
})
export class OfferSliderComponent implements OnInit {

    public renderCarousel = false;

    constructor(private dialogService: DialogService, @Inject(PLATFORM_ID) private platform: any) {}

    ngOnInit() {
        if (isPlatformBrowser(this.platform)) {
            this.renderCarousel = true
        }
    }

    public showFormModal(title) {
        let disposable = this.dialogService.addDialog(ModalFormComponent, {title: title})
    }
}

Answer 1

[Антон Швец]

Я не нашел способа импортировать темлейт из html файла. Везде предлагается создавать и использовать компонент.

Comments

[Darkness]

Вот тоже только вижу такие решения, как компонент, но мне не нужно компонент :с Спасибо за ответ!

[Антон Швец]

Darkness, можно сделать компонент - контейнер для темплейтов, вытаскивать из него TemplateRef'ы и отправлять в другие компоненты через сервис.
Ну тоже не особо красивое решение и потребует описывать контекст для темплейта. Что не больно то отличается от создания одиночного компонента.
В идеале хотелось бы видеть компонент, основной html для него, и несколько маленьких вспомогательных.

[Darkness]

Антон Швец, все что мы нашли, раньше было ng-include и туда можно было передать через url template, сейчас вариант похоже создавать отдельно, вот

@Component({
    selector: 'app-device',
    templateUrl: './device.html'
})
class DeviceComponent {}

[Антон Швец]

Darkness, все равно контекст (пропсы) надо туда прокидывать, многовато бессмысленного кода выходит. Есть решения для передачи контекста целиком, но не хочется ставить какие-то левые поделки.
Причем я не понимаю что мешало сделать импорт html, не все ли равно откуда брать темлпейт, из того же html через ViewChild или из другого, View-функция все равно компилируется на этапе сборки.

Я просто часто пишу html блоками, используя ngTemplateOutlet, которые обращаются к одному контексту, было бы неплохо иметь возможность разбиения файла.