Вопросы по теме 'ng-template'

Каков правильный способ импорта и компиляции внешнего HTML в контроллере Angular?
Могу поспорить, что на этот вопрос уже где-то ответили, но я ничего не понимаю. Я использую Angular 1.5.7 и хочу импортировать внешний HTML-код в свой проект в контроллер компонентов (для использования во всплывающей подсказке), и я не могу понять,...
273 просмотров

PhpStorm не сворачивает теги внутри шаблонов Angular
Я искал, но не смог найти ответ, поэтому я уверен, что другие разработчики Angular испытывают ту же боль. PhpStorm не распознает html-теги внутри шаблона <script type="text/ng-template" id="editnode"> , и поэтому я не могу свернуть что-либо...
67 просмотров
schedule 27.04.2023

Используйте перечисление TypeScript в качестве имени переменной шаблона Angular с ngTemplateOutlet
Я просмотрел такие вопросы, как этот . Но это не совсем ответ на мой вопрос. Я хочу связать имя локальной переменной со значением перечисления , как в следующем (сильно упрощенном) примере: В certain-state.component.ts : export enum...
2164 просмотров

Управляйте несколькими шаблонами на одной странице в Angular
У меня есть случай использования, когда мне нужно 1 представление (шаблон) для отображения на экране в зависимости от условия. Доступно более 10 шаблонов, но только один из них должен быть виден одновременно. Какое из следующих решений наиболее...
116 просмотров

Как отрендерить вложенный ng-шаблон
У меня такая вложенная структура ng-template . @Component({ selector: 'my-app', template: ` <list> <ng-template *ngFor="let item of Items" #ListItem> <ng-template #ListItemLine>{{ item[0]...
9086 просмотров
schedule 21.12.2022

Angular 4 ng-шаблон в другом ng-шаблоне не работает
Я использую компонент ng-bootstrap ngtabset. Когда я вставляю ng-templates, я ничего не вижу в представлении. Может кто-нибудь объяснить, почему и как это решить? Следующее работает и показывает мне две вкладки с видимым содержимым обеих...
6268 просмотров

Размещение пользовательских шаблонов только в одном заголовке (PrimeNG)
Я пытаюсь применить класс (стрелка svg) только к одному заголовку столбца за раз при сортировке с использованием PrimeNG, однако мое состояние ngIf в моем ng-контейнере не работает. Я устанавливаю выбранное поле в selectedCol при сортировке. В чем...
564 просмотров
schedule 13.12.2023

angular - лучшая практика использования условно разных макетов в компоненте
Предположим, у нас есть несколько компонентов, каждый из которых должен иметь разные макеты/пользовательский интерфейс (шаблоны), обусловленные размерами экрана. Мое решение состоит в том, чтобы создать такой компонент: import {Component} from...
1832 просмотров

Angular2 условный ng-template vs условный div
Я пытаюсь понять структурные директивы Angular2, и на данный момент я не могу определить разницу между условным div и условным ng-template . Технически этот код: <div *ngIf="true"> <other-component></other-component>...
2865 просмотров
schedule 01.01.2023

Angular 2+ NgTemplateOutlet внутри ngFor
У нас есть несколько массивов, например: heroes: Hero[]; villains: Villain[]; ... puppies: Puppy[] и такой шаблон <p *ngFor="let individual of heroes"> {{ individual.name }} - {{ individual.mobileNumber }} ......
4986 просмотров

Как получить доступ к содержимому шаблона в ng-template, используя ссылочную переменную шаблона
Я хочу знать, можно ли получить доступ к компоненту шаблона в пределах ng-template , используя ссылочную переменную шаблона? Я пытался использовать @ViewChild и @ContentChild, но ни один из них не работает Пример: я хочу иметь доступ к содержимому...
1347 просмотров

использование ngFor с шаблоном ng в столбце ngx-datatable-column
У меня проблема здесь, когда мой ngFor не показывает никаких данных, хотя нет ошибки стека или чего-то еще. Я хочу знать, как отображать мой массив объектов, называемый cldbAccounts, который должен относиться к объектам и отображать два их...
2437 просмотров

Ссылочная переменная шаблона возвращает undefined внутри ng-template
Уже пробовали это и это решение, но ничего не сработало. Я использую Angular 7 и пытаюсь получить ссылочную переменную, которую я поместил в тег ng-template . Но всегда возвращает undefined . test-component.html <ng-template...
6296 просмотров
schedule 15.11.2022

Таблица HTML, созданная с использованием * ngFor, заполненная отдельным * ngFor, последний столбец, содержащий * ngIf
Новое в переполнении стека и довольно новое в Angular - скажем, на промежуточном уровне. Итак, у меня есть проблема, когда я использую цикл * ngFor для создания и заполнения первых трех столбцов таблицы HTML, а затем я хочу использовать отдельное...
652 просмотров

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

Как динамически загружать несколько шаблонов ng с помощью ngFor на основе свойства объекта
[Шаг 1] У меня есть объект «статья», содержащий массив из нескольких элементов контента. В зависимости от типа элемента (например, заголовок/изображение) должен отображаться другой шаблон. Я не хочу явно иметь собственный компонент для этого, если в...
1816 просмотров
schedule 23.05.2022

как получить экземпляр компонента, размещенного внутри ng-template?
у меня есть сомнения в angular ng-template . я использовал mycomponent внутри ng-temmplate , затем попытался взять экземпляр моего компонента, но он возвращает undefined Я пробовал, как показано ниже: Пример —...
669 просмотров

Получить ng-содержимое ng-template из компонента в другой компонент
Я знаю, что есть и другие идеи, но я хочу использовать декораторы ng-template , ng-content и @ContenChild() указанным ниже способом. Идея этого возникла, когда мы увидели реальное воплощение угловатых компонентов материала. Здесь у меня есть...
701 просмотров
schedule 29.07.2022

ng-content внутри ng-template всегда создает контент, даже если шаблон не отображается
Я столкнулся со странной ошибкой с ng-content , завернутым в ng-template . Допустим, у меня есть компонент inner-component , который я отображаю в outer-component : <ng-container *ngIf="condition"...
411 просмотров

Угловой динамический компонент с ng-шаблоном
Компонент с ng-template @Component({ template: ` <div>Hello Component is here!</div> <ng-template #cmp_anchor> <div>Template content</div> </ng-template> `, }) export class HelloComponent...
538 просмотров