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

2 ответа

*ng Для вывода различного HTML для каждого элемента в Angular 2+

Я хочу сделать панель уведомлений и иметь шаблон HTML как этот: <ul> <li *ngFor="let notification of notifications"> <div class="message"> ... </div> </li> </ul> Но для разных уведомлений должны быть разные messag…
0 ответов

Создание динамического компонента в ng-контейнере, добавление ng-шаблона и мониторинг ngModel

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

Как загрузить ng-шаблон в отдельный файл?

В приведенном ниже примере я использовал ng-template как ниже и работает нормально. Пример ссылки: нажмите здесь <ng-template #template let-dataSource=""> <span *ngIf="dataSource.iconCss" class="e-menu-icon {{dataSource.iconCss}}"></s…
06 дек '18 в 05:30
1 ответ

HTML-таблица, созданная с использованием *ngFor, заполненная отдельным *ngFor, последний столбец, содержащий *ngIf

Новый для переполнения стека и довольно новый для Angular - скажем, промежуточный уровень. Так что у меня есть проблема, когда я использую цикл *ngFor для создания и заполнения первых трех столбцов таблицы HTML, затем я хочу использовать отдельное у…
26 фев '19 в 13:37
1 ответ

Angular 2 ngIf и NgFor распадается при наличии нескольких столбцов данных

У меня есть угловой код 2, где я использую *ngFor для цикла в некотором пакете, а затем я использую ngIf для заголовка таблицы и затем отображаю значения соответственно. Проблема в том, что когда таблица имеет только одну упаковку, она прекрасно раб…
04 фев '18 в 00:39
1 ответ

Как изменить ширину ng-контейнера внутри mat-таблицы

Ширина столбцов (ng-container) внутри mat-таблицы делится поровну. Есть ли способ, которым я могу настроить на основе моих требований (содержание в столбце). Ex. На изображении ниже флажок принимает ширину, равную ширине других столбцов, что мне не …
29 окт '18 в 18:10
2 ответа

Angular 6: получить ссылку на компоненты, созданные с помощью *ngFor внутри тега ng-container

Я использую ng-контейнер для итерации по списку и создания компонентов <ng-container *ngFor="let f of optionsList; let i = index;"> <!-- component--> <app-component #fieldcmp *ngIf="isAppComponent(f)" ></app-field> <!--ano…
13 сен '18 в 10:51
0 ответов

Предотвращение contenteditable от удаления ng-контейнера

У меня довольно простая настройка: <div contenteditable="true"> <ng-container #container>{{ innerHTML }}</ng-container> </div> "Проблема" возникает, когда пользователь полностью удаляет innerHTML это удаляет Angular's ng-cont…
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
2 ответа

Используйте перечисление TypeScript в качестве имени переменной шаблона Angular с помощью ngTemplateOutlet

Я смотрел на такие вопросы, как этот. Но это не совсем отвечает на мой вопрос. Я хочу связать имя локальной переменной со значением перечисления, как в следующем (сильно упрощенном) примере: В certain-state.component.ts: export enum CertainState { V…
3 ответа

Angular - выдача цикла с помощью ng-контейнера

Я хочу вызвать ng-шаблон из ngFor, используя ng-контейнер Мой список является массивом и имеет список объектов. Одним из свойств объекта является заголовок, который можно увидеть в ng-шаблоне. Html: <ul> <li *ngFor='let item of list;let i =…
28 ноя '17 в 10:16
1 ответ

Использование ngFor с шаблоном ng в столбце ngx-datatable-column

У меня проблема здесь, когда мой ngFor не показывает никаких данных, хотя нет ошибки стека или что-то. Я хочу знать, как отобразить мой массив объектов, называемый "cldbAccounts", который должен относиться к объектам и отображать два их свойства в т…
1 ответ

Почему в ng-контейнере с моим тегом td и элементом шаблона не отображается мой тег td?

Я хочу показать td отметьте, если мое утверждение верно. Так что я использую <template> элемент для проверки этого условия. Но после рендеринга экрана я не мог видеть td тег внутри template стихия <table class="ui-grid-row ui-row" style="wi…
1 ответ

Есть ли разница в производительности между <ng-container> и <ng-template>?

У меня есть сомнения относительно &lt;ng-container&gt; а также &lt;ng-template&gt;, Что лучше использовать в нашем коде. Я прочитал ответ о разнице между этими двумя тегами здесь, на SO. Он говорит, что угловой компилятор очищает от сахара (делает е…
0 ответов

Угловой 4 нгФороф

По состоянию на Angular 4 NgFor устарела. Я вижу, что они связаны NgFor в NgForOf https://github.com/angular/angular/blob/09d9f5fe54e7108c47de61393e10712f8239d824/packages/common/src/directives/ng_for_of.ts#L205 Также у них есть синтаксис для NgForO…
25 сен '17 в 06:03
1 ответ

Как использовать селектор, похожий на ng-container в angular-4.x

Я использую angular-4.x, а внутри компонента я использую селектор abc, как показано ниже: @Component({ selector: "Abc", templateUrl: "Abc.html", styleUrls: [ "Abc.css" ] }) но тег "Abc" также присутствует в DOM, но я хочу, чтобы он вел себя как "ng-…
22 июл '17 в 06:09
0 ответов

Передайте значение, используя ngComponentOutlet в ng-контейнере Angular5 с несколькими компонентами.

Я пытался передать значение из одного компонента в другой компонент. Я использовал mat-tab для загрузки динамического компонента. Я могу загрузить все компоненты. Но проблема в том, что я хочу передать некоторые значения из родительского компонента …
30 янв '18 в 08:47
0 ответов

MD-таблица угловых 4 материала, получая выбранные данные строки

Как проще всего получить данные из строки, по которой я щелкнул? Мой код выглядит так: &lt;md-table #table [dataSource]="dataSource" type="text" id="programTable"&gt; &lt;ng-container cdkColumnDef="prgId"&gt; &lt;md-header-cell *cdkHeaderCellDef&gt;…
28 авг '17 в 08:07
0 ответов

Доступ к встроенному компоненту <ng-container>

У меня есть компонент формы milestone, использующий его следующим образом: use-form.component.html &lt;milestone-form&gt; &lt;milestone&gt; &lt;ng-template&gt; &lt;my-component&gt;&lt;/my-component&gt; &lt;/ng-template&gt; &lt;/milestone&gt; &lt;mil…
06 ноя '17 в 19:17
0 ответов

Можно ли подписаться на изменения через NgTemplateOutlet?

У меня есть угловой компонент (ParentComponent), который принимает и отображает пользовательский NgTemplate. Я хочу, чтобы ParentComponent получал события от компонента в NgTemplate через EventEmitter. Что-то вроде этого: ParentComponent.html &lt;!-…