Описание тега ng-content

2 ответа

Угловой нг-контент теряет новые строки. Как я могу сохранить новые строки без изменений?

У меня есть угловой компонент, созданный для отображения кода, который выглядит следующим образом: <pre><code> <ng-content></ng-content> </code></pre> Я использую этот компонент следующим образом: <app-example-…
27 сен '18 в 09:27
0 ответов

Как мне использовать директиву translate для ng-content?

Я использую @ngx-translate версия 11.0.0 У меня есть пользовательский компонент, который имеет <ng-content></ng-content> включены в его содержание. Когда я применяю директиву translate к своему компоненту, он не нацелен на контент. Как э…
1 ответ

ngx-select - Как отобразить пользовательские элементы (разные стили) в выпадающем списке

Я пытался отобразить выпадающие элементы, используя ngx-select с индивидуальным стилем. Выпадающие элементы - это массивы других компонентов (со стилевым оформлением для конкретного компонента). Как этого добиться? Вот мой код selectDropdown
30 ноя '18 в 17:27
3 ответа

Как визуализировать часть компонента A в компоненте B

У меня есть компонент A а также B <div class="A"> <div class="A1"></div> <div class="A2"></div> </div> <div class="B"> <!--want to display <div class="A1"></div> here--> </div> Состав…
22 янв '18 в 06:06
1 ответ

Как использовать ng-контейнер с ng-контентом (с тегом select) в angular 4

Как вы используете ng-контейнер в сочетании с ng-контентом, который имеет тег select. <div class="container"> <div id="first"> <ng-container *ngTemplateOutlet="widgetContent"></ng-container> <div> <div id="second"&gt…
10 авг '18 в 10:17
3 ответа

Угловой шаблон и включение: содержание вышло из строя

Я сталкиваюсь с некоторыми проблемами при проектировании контента Angular. У меня есть шаблон, который имеет некоторый общий HTML для каждого экземпляра, который будет использоваться, и другую часть, которая будет изменяться от случая к случаю через…
0 ответов

Angular: NgContent как свойство

NgContent как собственность Вероятно, все, что вы бы назвали Google для " angular ng-content ", я уже прочитал - если только это не фантомные Angular документы для NgContent. Предполагая, что у нас есть контент, который мы хотели бы спроецировать н…
30 апр '18 в 16:46
1 ответ

Нг-контейнер напечатан вне контейнера

Я создаю пользовательский модальный компонент (я хотел что-то простое), и я нашел такое поведение, которое я не могу понять. Это мой модальный компонент HTML <div class="modal-overlay"> <div class="modal-main"> <ng-content selector="h…
11 сен '18 в 16:26
0 ответов

Угловые вложенные узлы компонента динамически вставленного компонента не обрабатываются

Я загружаю компоненты динамически, но дочерние компоненты не обрабатываются. Вложенные компоненты разрешаются во время выполнения. Требуются ли какие-то дополнительные действия или я должен создать компоненты для всех вложенных узлов, например для к…
28 ноя '18 в 11:55
2 ответа

Используйте родительскую область видимости / методы / атрибуты в включенных компонентах

Я пытаюсь использовать transclusion n angular6 и не могу получить прямой обзор. <component-smart1 [someObject]="myObject" [someService]="saidService"> <component-dumb-1 [specificObject]="getSpecificObject()"></component-dumb-1> &lt…
27 июн '18 в 10:53
0 ответов

Может ли директива определить, имеет ли компонент <ng-content></ ng-content>

У меня есть директива перевода, которая может быть применена к любому типу элемента DOM или пользовательского компонента. Применяет функцию к первому текстовому узлу (nodeType == 3) найдено в элементе или компоненте nativeElement.childNodes, Если ко…
1 ответ

ng-content select не работает "<элемент> не является известным элементом"

Я следую этому уроку так: &lt;div class="app-autocomplete"&gt; &lt;mat-form-field&gt; &lt;mat-form-field&gt; &lt;div class="app-autocomplete-input"&gt; &lt;ng-content select="app-autocomplete-input"&gt;&lt;/ng-content&gt; &lt;/div&gt; &lt;/mat-form-…
25 окт '18 в 17:25
6 ответов

Угловой 6-кратный нг-контент

Я пытаюсь создать пользовательский компонент, используя несколько NG контента в Angular 6, но это не работает, и я понятия не имею, почему. Это мой код компонента: &lt;div class="header-css-class"&gt; &lt;ng-content select="#header"&gt;&lt;/ng-conte…
0 ответов

Можете ли вы поместить интерполяцию строк в нг-контент?

Я стараюсь не кодировать какие-либо огромные обходные пути для такого простого варианта использования (ниже). Я видел много запутанных способов сделать то, что проецируется динамикой ng-контента, которые работают для этих конкретных случаев, но нико…
0 ответов

Angular <ng-content>: компонент оболочки, получающий контент, имеет несколько div, какой div получает какой контент?

Ниже приведен код, демонстрирующий кое-что в Angular, которое я бы хотел прояснить. Это связано с тем, где отображается нг-контент. Если вы посмотрите на приведенный ниже код и на скриншоте вывода, вы увидите всеобъемлющее, общее, &lt;ng-content&gt;…
29 мар '18 в 20:35
1 ответ

Угловой выпуск 5 нг-контента

У меня странная проблема, когда я реализую ng-контент между двумя компонентами в Angular 5. Это мой первый компонент FooterComponent &lt;div class="footer"&gt; &lt;ng-content select="footer"&gt;&lt;/ng-content&gt; &lt;/div&gt; И footer.component.ts …
20 мар '18 в 07:17
0 ответов

Возможен ли глубокий нг-контент?

Предположим, я хочу включить такую ​​разметку в ng-content: &lt;div aaa&gt; AAA &lt;/div&gt; &lt;div aaa bbb&gt; BBB &lt;/div&gt; Для этого я могу использовать селекторы (которые выглядят как обычные CSS): &lt;ng-content select="div[aaa]"&gt;&lt;/ng…
0 ответов

Angular: ng-контент без html-тега

У меня есть два компонента: App.component.html &lt;table&gt; &lt;tr&gt; &lt;td&gt;something&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Table.component.html (определяет таблицу) &lt;ng-content&gt;&lt;/ng-content&gt; Результат &lt;tbody _ngcontent-c0&gt; &…
18 апр '18 в 09:05
2 ответа

Перебирать элементы ng-содержимого и оборачивать каждый в свой собственный вложенный div

Я читал, что это пока не поддерживается, но мне было интересно, нашел ли кто-нибудь хакерский обходной путь для этой проблемы. В настоящее время у меня есть родительский компонент, который имеет этот шаблон: &lt;dxi-item location='after' class="osii…
01 окт '18 в 19:21
1 ответ

Условный дубликат шаблона ссылки в нг-контенте с селектором

У меня есть компонент, который переключает шаблон компонента в зависимости от размера клиентского устройства. Код компонента: import {Component} from '@angular/core'; import {BreakpointObserver, Breakpoints} from '@angular/cdk/layout'; @Component({ …
28 апр '18 в 07:12