Описание тега angular2-ngcontent

1 ответ

Как выбрать контент из внутренних потомков в ng-content

У меня есть компонент под названием tab у которого есть <ng-content select="[tabItem]"></ng-content> Иногда tabItem находится внутри других дочерних компонентов. Моя проблема заключается в том, что Angular выбирает контент из прямых доче…
03 авг '18 в 16:18
2 ответа

Захват события на нг-контенте в Angular 2

Я прохожу этот урок, чтобы понять угловые 2 ng-content, Я хочу захватить событие, которое срабатывает на ng-content, У меня есть следующий компонент: @Component({ moduleId: module.id, selector: 'card', template: ` <ng-content (click)="onClick($ev…
02 мар '17 в 11:32
2 ответа

Угловая трансклюзия при использовании нескольких компонентов

У меня есть три компонента следующей иерархии: <parent-component> <wrapper-layer> <inner-most> </inner-most> </wrapper-layer> </parent-component> Я запутался в том, как передать компонент из <parent-component&g…
26 мар '18 в 02:16
4 ответа

Шаблон Angular 2 как параметр для компонента

Моя упрощенная цель - создать компонент, представляющий собой список с шаблоном элемента. Например: <list>item</list> Вот мой код: import {bootstrap} from 'angular2/platform/browser'; import {Component} from 'angular2/core'; @Component({…
29 апр '16 в 21:42
1 ответ

Может ли Angular 4 иметь динамический ng-контент с динамическим выделением

Может угловой 4 иметь динамический нг-контент. Могут ли некоторые обеспечить способ удаления статического slide1,slide2, чтобы он мог быть реализован *ngFor Содержание дочернего компонента: <ion-slides [pager]="true" #Slides (ionSlideDidChange)="…
10 дек '17 в 11:51
1 ответ

Нг-контент в теге формы

У меня есть компонент формы с <ng-content> тег внутри и btn, который в настоящее время ничего не делает. Также у меня есть родительский компонент, который использует его с простым вводом как проекция контента. Проблема в том, что всякий раз, к…
0 ответов

Как я могу использовать ContentChild/Children во вложенном <ng-content>

Я успешно использую &lt;ng-content&gt;&lt;/ng-content&gt; чтобы показать компонент внука, как здесь ответили: Дерево компонентов от отца к сыну с гостевым компонентом, но теперь я хотел бы использовать @ContentChild в этом внуке, но я не могу застав…
13 мар '17 в 23:47
0 ответов

Передача шаблона на дорожку /ngx-datatable

Я использую компонент swimlane/ngx-datatable и разработал оболочку для ngx-datatable. Упаковочный: &lt;div class="wrapper"&gt; &lt;ngx-datatable [rows]="rows"&gt; &lt;ng-content&gt;&lt;/ng-content&gt; &lt;/ngx-datatable&gt; &lt;/div&gt; Использовани…
1 ответ

Angular2: привязка с дочерним компонентом через ng-content

Я пытаюсь сделать несколько компонентов, которые работают вместе для моего приложения. Краткое объяснение: &lt;tile&gt; &lt;tile-filters&gt;&lt;/tile-filters&gt; &lt;tile-search&gt;&lt;/tile-search&gt; &lt;/tile&gt; Моя цель - установить свойство на…
3 ответа

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

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

Angular 4,5, как определить, будет ли изменено содержание ng в дочернем компоненте

У меня есть родительский компонент, как это. Поэтому количество пунктов в меню зависит от модели. И модель меняется. &lt;parent&gt; &lt;menu&gt; &lt;item *ngIf="model.info"&gt; ... some data &lt;item *ngIf="model.comments"&gt; .... some data &lt;ite…
0 ответов

Угловой 2; Фильтровать нг-контент по свойству элемента

У меня есть список таких вещей, как &lt;list-by-state&gt; &lt;item *ngFor="let idx of items" [index]="idx"&gt;&lt;/item&gt; &lt;/list-by-state&gt; ItemComponent: @Input("index") set setItemByIndex(){ //search on database } item: Item; ListComponent:…
30 дек '17 в 03:10
1 ответ

Angular 4 + primeng: передать HTML-контент от одного компонента другому

Я хочу добавить некоторые функции разбиения на страницы на стороне сервера в элемент данных primeng (p-datatable) в нескольких местах, поэтому я объявил новый компонент "pagin-datatable.component" с нужными мне функциями и поведением. Итак, pagin-da…
0 ответов

Angular 5 обновление визуализированного контента в модальном режиме

Я создал пользовательский модальный компонент, где я хочу передать содержимое через &lt;ng-content&gt;&lt;/ng-content&gt;, Проблема здесь заключается в том, что, имея четыре из этих модалов в одном родительском компоненте, содержимое не обновляется.…
09 июл '18 в 10:35
1 ответ

Входные данные не учитываются при проверке формы при использовании ng-контента

Учитывая следующий компонент (с селектором my-template): &lt;form #theForm="ngForm"&gt; &lt;ng-content&gt;&lt;/ng-content&gt; &lt;/form&gt; и используйте это так: &lt;my-template&gt; &lt;input type="text" required name="firstName" [(ngModel)]="first…
13 дек '16 в 11:44
1 ответ

Угловой 2+ NgTemplateOutlet внутри ngFor

У нас есть несколько массивов, таких как: heroes: Hero[]; villains: Villain; ... puppies: Puppy[] и шаблон как &lt;p *ngFor="let individual of heroes"&gt; {{ individual.name }} - {{ individual.mobileNumber }} ... &lt;/p&gt; &lt;p *ngFor="let individ…
0 ответов

Угловой нг-контент н первый элемент

Привет я пытаюсь разделить содержимое компонента на две части, и я не могу заставить его работать. Я знаю, что я могу использовать ng-content с атрибутом select но я не знаю, возможно ли выбрать количество элементов с ним. У меня есть этот код: &lt;…
07 фев '19 в 16:17
0 ответов

ion-select не обновляется, когда находится внутри, тогда ng-содержимое пользовательского компонента

У меня есть ионная страница с ионным выбором внутри пользовательского компонента, который показывает себя, когда флаг isLoading правда. Обратный вызов ion-change делает сетевой запрос с использованием Observable, первая операция обратного вызова - у…
01 мар '19 в 11:03
1 ответ

Вложенные стили Angular2 ng-content scss и StyleUrls не работают при использовании:host

Я строю компонент, который использует ng-content и я обнаружил, что не могу использовать вложенные scss или StylesUrl при использовании :host &gt;&gt;&gt; Например: :host &gt;&gt;&gt; .toolbar-brand{ color: red; font-weight: 500; text-decoration: no…
07 ноя '16 в 18:55
1 ответ

@Host() без <ng-content> в Angular2 не работает

Я пытаюсь ограничить поиск моих зависимостей только своим хостом, используя @Host, Но это не работает без ng-content или включение. Приведенный ниже код не работает (без ng-контента) // Root Component @Component({ selector: 'my-app', template: '&lt;…