Описание тега angular-content-projection

Вопросы с тегом
1 ответ

Как получить доступ к собственному элементу, спроецированному ng-content

Это мой родительский компонент html <app-card> <div class="body">This is body</div> <div class="title">This is title</div> </app-card> Это мой CardComponent <div class="card"> <ng-content select=".title"&…
27 янв '20 в 11:03
1 ответ

Программно передавать спроектированный контент детям? (в противном случае это было бы преобразовано в <ng-content>)

Скажи, у меня есть <hook> компонент, который программно создает дочерний элемент, как я могу передать контент (который Angular будет отображать в <ng-content></ng-content> в шаблоне ловушки) вместо ng-содержимого для этого дочернег…
07 ноя '19 в 15:28
0 ответов

Неправильно ли это расположение Angular Component?

Есть два угловых компонента Parent а также Child а также Child расширяет Parentсоставная часть. Это необходимо для использования некоторых общих функций, реализуемых родительским компонентом. В то же время Child шаблон, ссылается на Parent шаблон че…
28 ноя '19 в 18:59
2 ответа

Множественные селекторы на Angular ng-content

Я знаю, что можно иметь несколько ng-contentс разными селекторами для проецирования содержимого в слоты. например <ng-content select="h1"></ng-content> <ng-content select="span"></ng-content> Мой вопрос, можно ли иметь нескол…
26 ноя '19 в 22:38
0 ответов

angular: наблюдать отключенный атрибут проецируемого ввода

Я ищу способ получить disabled атрибут проектируемого с <ng-content> input. За возможность соответствующим образом изменить поведение ведущего элемента. <host-cmp> <input type="checkbox" [(ngModel)]="value" [disabled]="condition"> …
26 апр '20 в 23:45
0 ответов

Как использовать структурную директиву включения в Angular6?

У меня есть общий модал, тело / содержание которого будут отличаться HTML <common-modal [data]='serverData'> <table class="table"> <thead> <tr> <th scope="col">IP Address</th> <th scope="col">Count</th&gt…
30 дек '19 в 09:32
1 ответ

Angular 8: как использовать слот Multi-Content-Projection / Multiple-Transclusion дважды?

У меня есть проект Angular 8.2 с двумя разными режимами отображения (пейзаж | портрет) И в каждом из них есть панель инструментов вверху и внизу, окружающая основной контент. В menu а также основные contentзависит от модуля, поэтому я использую слот…
28 мар '20 в 22:18
1 ответ

Можно ли использовать ng-content в корневом компоненте приложения?

У меня есть рабочее приложение angular. Я хочу интегрировать его с системой управления контентом, которая создает статические страницы, но для этого мне нужно использовать проекцию контента изindex.html страница. Что-то вроде этого: <!doctype htm…
07 июн '20 в 09:35
1 ответ

Как вырезать часть углового обзора и представить ее

Я хочу создать TabComponent в Angular 8 в библиотеке. Поэтому я хочу, чтобы конечный пользователь использовал мой компонент следующим образом: <tab-view> <tab-pane> <tab-title> <h1>Tab 1</h1> </tab-title> My Tab 1…
18 мар '20 в 10:28
0 ответов

выбрать элементы во вложенном компоненте

Я знаю, как выбирать элементы в ng-content, когда они размещаются напрямую. Но как я могу / можно ли выбирать элементы, когда они вложены в компонент? Посмотрите на пример: https://stackblitz.com/edit/angular-uwzhe5?file=src%2Fapp%2Fapp.component.ht…
21 фев '20 в 00:02
0 ответов

как переопределить и привязать к атрибутам проецируемого содержимого

Предположим, что их 2 компонента. родительский компонент page и дочерний компонент field. я хочу пройтиinput html тег / элемент из page к fieldиспользуя проекцию контента. затем внутриfield компонент я хочу изменить переданный inputАтрибуты элемента…
09 дек '19 в 01:29
0 ответов

Модульное тестирование проекции контента Angular 9

Я пытаюсь написать модульный тест для компонента с проекцией содержимого. Ниже приведен шаблон моего компонента TestWrapper. <outer-component> <projected-component (action)="actionHandler()"></projected-component> <pro…
13 июл '20 в 19:18
1 ответ

Angular: получить NgForm в проецируемом контенте

Допустим, у меня есть такой компонент, как показано ниже: <app-my-typical-form> <app-child-in-content></app-child-in-content> </app-my-typical-form> где my-typical-form.component.html является: <form #f="ngForm"> <ng…
26 ноя '19 в 15:33
1 ответ

динамически изменять форму и размер div в зависимости от его содержимого

У меня есть div элемент, который должен быть точно такой же формы и размера, как его iconсодержание. Я разрабатываю компонент в Angular 9, который представляет собой кнопку, которая перемещает вас на предыдущую страницу. Я хочу, чтобы этот компонент…
17 авг '20 в 16:44
1 ответ

angular - html - значок шрифта awesome смещен по правой стороне div

У меня есть список div, каждый со значком, текстом и другим значком (кружком), который должен быть справа. Для этого я установилmargin-leftсвойство, но, конечно, поле рассчитывается на основе длины текста, а не на родительской позиции div. Это прив…
19 авг '20 в 10:08
0 ответов

Как вы вызываете метод дочернего компонента, когда родительский элемент *ngForing один экземпляр

У меня есть компонент всплывающей подсказки, который использует проекцию контента и позиционирует себя после загрузки страницы (в методе ngOninit) tooltip.component.html <div id='container' class='container flex-container'> <ng-content>&…
30 май '20 в 03:17
0 ответов

Контент проекта внутри проецируемого контента

У меня есть компонент динамической формы, который создает все поля формы из настраиваемого объекта. Эта форма может быть разделена на группы только по причинам ux. Я пытаюсь реализовать возможность проецирования контейнера для этих групп из родитель…
13 ноя '20 в 09:41
0 ответов

Angular ngTemplate, ngTemplateOutlet, ngContent: выберите содержимое шаблона

Angular ngTemplate, ngTemplateOutlet, ngContent: выберите содержимое шаблона У меня есть 2 компонента: AppComponent (<app></app>) и ModalComponent (<modal></modal>). В них нет ничего особенного, кроме: ModalComponent рычаги N…
15 сен '20 в 23:13
2 ответа

Получение событий от родительского компонента внутри дочернего компонента, проецируемого через ng-content

Рассмотрим эту упрощенную ситуацию, у нас есть: Шаблон родительского компонента (селектор: 'родительский'): <div class="wrapper"> <input (blur)="onBlur()"/> <ng-content></ng-content> </div> Шаблон до…
02 дек '20 в 14:53
1 ответ

шаблон-выход внутри мат-выбор не работает

Я пытаюсь передать #tmp в mat-select с помощью template-output, и я не могу отобразить параметры выбора. Ниже мой код и ссылка на stackblitz <mat-form-field> <mat-select [ngModel]="selectedFoods" (ngModelChane)="selectedFoods…
06 окт '20 в 15:54