0

для редактирования дизайна и разметки независящих друг от друга частей хочу разделить шаблон на части.

как это сделать подскажите?

например у меня есть шаблон компонента xxx с таким содержимым:

<div class="header">
 <li class="list" *ngFor="let ob of objects1">{{ ob }}</li>
</div>
<div class="navigation">...</div>
<div *ngIf="somelogick | async">Loading...</div>
<ul *ngIf="!somelogick | async">
  <li class="list" *ngFor="let ob of objects2">{{ ob }}</li>
</ul>

в данном примере objects1 и objects2 загружаются через http api что занимает лишние секунды во время правок верстки и дизайна.

Я сделал компонент "tester" и хотел бы указать в templateUrl как раз кусочек шаблона сверху, какой содержит только *ngFor ( li class="list" ) указав при этом готовые данные в objects2

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

2
  • Что вы подразумеваете под разделением шаблона на части? Создания разных компонентов? 30 янв 2018 в 7:38
  • нет не компонентов. сейчас учточню
    – John Doe
    30 янв 2018 в 8:37

1 ответ 1

0

Вероятно автор вопроса хотел разбить шаблон *.html компонента Angular на несколько, но это невозможно. Эту проблему необходимо решать созданием дочерних компонентов и обвязывать их ч/з EventEmitter (при необходимости пробрасывания значений или вызова событий)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.