Описание тега angular-template-variable

Используйте этот тег для вопросов, связанных со справочными переменными шаблона Angular. Это концепция из (новой) Angular Framework (не AngularJS)
4 ответа

Угловая ссылка # против ngModel

Интересно, когда мне нужно использовать [(ngModel)] на моем входе и когда я могу просто использовать #reference Например <div class="form-group"> <div class="input-group mb-2"> <input type="text" class="form-control" [(ngModel)]="newU…
0 ответов

Угловая пользовательская интерполяция шаблона с помощью фигурных скобок

Я новичок в Angular, и я не могу найти и ответить на мой вопрос. Я хочу изменить угловую интерполяцию, чтобы сделать ее совместимой с шаблонами Smarty, поэтому я изменил значение по умолчанию ['{{','}}'] на ['[[',']]'] или ['[', ']'] но если в шабло…
2 ответа

Определите конкретный Angular TemplateRef из QueryList

В Angular 6/7 у меня есть компонент, в который я проецирую контент следующим образом (шаблонParentComponent): <my-component [templateNames]="['t1', 't2']"> <ng-template name="t1">...</ng-template> <ng-template name="t2">...&l…
1 ответ

angular - объявить результат конвейера как локальную переменную

Я использую процентную трубу ngx-pipe дважды в метке. Один раз, чтобы определить, какой цветовой класс (успех или информация) и один раз, чтобы отобразить процент. <label class="label" [ngClass]="(item.amount | percentage:item.total) >= 100 ? …
0 ответов

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

Я пытаюсь создать таблицу данных, в которой у меня есть заголовки столбцов, на итерации я печатаю по 4 раза каждый, поскольку длина заголовка равна 4. Как предотвратить или напечатать только один раз с помощью условных выражений? вот мой заголовок: …
27 апр '19 в 13:57
3 ответа

Как преобразовать строку в экземпляр шаблона ссылки?

Я настраиваю ngTemplateOutlet внутри *ngFor как в следующем фрагменте кода <ul> <li *ngFor="let item of list"> <ng-container [ngTemplateOutlet]="item.type"></ng-container> </li> </ul> куда list = [ {type: 'templat…
06 май '19 в 08:57
5 ответов

Присвойте значение переменной в шаблоне - Angular7

Есть две кнопки переключения (редактировать и отправить), какая кнопка должна работать как стиль переключения / показа при нажатии <button (click)="showEditBtn = false;" *ngIf="showEditBtn;"> Edit</button> <button (click)="showEditBtn…
3 ответа

Angular: переключатель [флажок] не установлен с эталонной переменной шаблона

Как следует из заголовка, у меня есть сценарий, где, если установлен переключатель "Выбрать все", он должен проверить все переключатели в столбцах ниже. К сожалению, это не работает. Вот образец: <table> <thead> <th>Role</th>…
1 ответ

Angular *ngIf="data$ async as data && data.payload; else noContent"

Я хочу условно показать блок, только если он содержит данные, иначе я покажу блок noContent. данные берутся с сервера. <ng-container *ngIf="data$ async as data && data.payload; else noContent"> {{data.payload | json}} </ng-container…
1 ответ

Получите ElementRef из ссылочной переменной шаблона в Angular

В следующем коде <input #myRef1 /> <input #myRef2 my-custom-attribute /> В #myRef1 будет ElementRef, а также #myRef2 будет MyCustomAttributeComponentдиректива. По сути, он неявно находит первый компонент и связывает его со ссылочной пере…
29 янв '20 в 12:50
3 ответа

Как указать функцию как переменную шаблона в приложении Ionic Angular?

У меня есть Orderобъект и объект клиента. ВJSON payload для Order объект выглядит следующим образом: { "order_number" : 1, "customer_id": 1 } И это JSON payload для Customer объект { "customer_id": 1, "customer_name" : 1, } У меня есть страница зака…
0 ответов

программно изменять содержимое <ng-template> из компонента

ИЗМЕНЕНО я получил ссылку на переменную шаблона в его компоненте. <ng-template #templateLogGroup>Logs Group</ng-template> @ViewChild('templateLogGroup') templateLogGroup : TemplateRef<any>; Теперь, как я могу динамически изменять к…
1 ответ

Angular 2+ NgOnInit assigning value to input array but throws an error of undefined

I have a component which expects some inputs, the input that i care about is the feedList. In the feedList there are feed objects with their own data filled in. However, depending on the feed sometimes some data are not provided when the object is c…
1 ответ

Какова стоимость просмотра ссылочного значения шаблона в Angular

В настоящее время используется Angular 8, в итоге получился такой код. <div [style.height.px]="dynamicHeightComponent.offsetHeight"> </div> <div #dynamicHeightComponent> ... </div> Это удар по производительности, если да, то …
03 фев '20 в 15:42
1 ответ

ngFor - Невозможно выполнить привязку к 'testid', поскольку это неизвестное свойство 'input'. как объединить идентификатор со строкой?

Я пытаюсь добавить indexзначение с моими идентификаторами. но появляется сообщение об ошибке: Can't bind to 'testid' since it isn't a known property of 'input'. вот мой шаблон: <td *ngFor="let col of columns; let i = index" [ngClass]="col.class" …
1 ответ

Избыточное пространство между переменной и точкой в ​​Angular, как его очистить?

У меня есть блок условий с ng-containerв моем шаблоне Angular html. Визуализированный html содержит для меня необъяснимое пространство, как я могу его обойти? Часть шаблона: <span> <ng-container [ngSwitch]="languageService.currentLang"> …
1 ответ

Угловая форма *ngfor с переменной шаблона и двусторонней привязкой

Я просмотрел несколько сообщений с этой проблемой, но не нашел решения. описание: Все отображается с последним значением объекта "профессия" при инициализации (model.overview: IOverview) Привязка, кажется, работает, когда я ее меняю. Переменная шабл…
1 ответ

Что не так с логическим ИЛИ Angular в атрибуте option? Когда [(ngModel)] используется в select, атрибут [selected] не влияет на выбор

У меня есть возможность выбрать вот так: <option [selected]=" impulse === 10 || isTraining " value="10">10</option> Когда у меня есть возможное значение impulse а также isTraining является trueЯ ожидаю, что текущий вариант будет выбран п…
1 ответ

Angular: как мне получить доступ к ссылочной переменной, которая находится в ng-шаблоне

Есть ли способ получить доступ к #interface, который объявлен внутри элемента ng-template? Я должен поместить Потому что мне нужно было бы использовать *ngTemplateOutlet. Поскольку я не смог найти для этого решения, мне пришлось добавить еще один бы…
0 ответов

Выражение изменилось после проверки - ngTemplateOutletContext

Я использую angular v9. Я создаю компонент, а параметры - это список элементов и обратный вызов, в ngOnInit я вызываю группу функций и уменьшаю параметр элементов, и каждый элемент, я вызываю обратный вызов, и в своем приложении я просто возвращаю э…