Вопросы по теме 'ngfor'

Angular2 ngFor родительский элемент
Я пытаюсь условно обернуть мой bootstrap col-xs-4 три в ряд. У меня есть мои col-xs-4 с рендерингом, но я не могу понять, как их условно обернуть в ряд. Вот мой текущий NgFor: <div class="col-xs-4" *ngFor='let linkGroup of linkGroups |...
3464 просмотров
schedule 28.09.2021

Нужен ли Nativescript, использующий Angular2, специальный * ngFor?
Я создаю это мобильное приложение, в котором мне нужно указать несколько ярлыков. Код выглядит так: @Component({ selector: 'code-m', template: ` <StackLayout dock="top" orientation="vertical" style="height:90%;"...
2960 просмотров
schedule 15.10.2021

ngFor не работает angular 2 и отображает пустую страницу
Я смотрел видео на YouTube и пытался сделать то же самое, что и видео по этой ссылке //www.youtube.com/watch?v=bKWDKmHvF78&index=8&list=PL6gx4Cwl9DGBYxWxJtLi8c6PGjNKGYGZZ , но ngFor у меня вообще не работает. когда я пишу с помощью ngFor,...
1116 просмотров
schedule 01.11.2021

Как правильно разобрать объект Object в Angular2?
Я пытаюсь перебрать объект json, имеющий следующую структуру. Основываясь на предложениях, найденных в stackoverflow, я добавил канал для обработки таких объектов. @Pipe({name: 'keysPipe'}) export class KeysPipe implements PipeTransform...
1318 просмотров
schedule 08.09.2021

Добавление динамического компонента в список ngFor
Новое в Angular 2/4 (Angular в целом), и я пытаюсь придумать способ добавить компонент к элементу в списке ngFor, в котором каждый указанный элемент предоставляет свой собственный компонент при щелчке внутри списка. У меня есть два родственных...
391 просмотров
schedule 08.10.2021

Angular2 автозаполнение фильтра * ng для данных
Я изучаю угловые 2 трубы и сталкиваюсь с проблемой. У меня есть поле автозаполнения, которое после выбора ввода должно отфильтровывать данные из моего * ngFor, который отображает список карточек. Прямо сейчас, когда вы начинаете печатать,...
2763 просмотров

Angular 2 * ng для количества элементов вне цикла
Я новичок в angular, и у меня возникла глупая проблема, как я могу показать фактическое количество элементов вне цикла * ngFor? Я использую фильтры и каналы разбивки на страницы вроде этого *ngFor="let item of items| filterBy:...
1467 просмотров
schedule 31.10.2021

Альтернатива для компонентов * Ngfor
Есть ли лучшее решение в Angular 5? <div *ngFor="let component of components | async"> <component-1 *ngIf="component.type === 'some-type-1'"></component-1> <component-2 *ngIf="component.type ===...
781 просмотров
schedule 06.09.2021

Angular 6, итерация по глубоко вложенному объекту в шаблоне angular
У меня есть объект из службы, как показано ниже let obj = [ 0: { key1: 'val', key2: 'val', key3: [{ key1: 'val', key2: 'val', key3: []; }] } 1: { key1: 'val', key2: 'val',...
2287 просмотров

Угловой: * ng для отслеживания по дате
Моя проблема в том, что я перебираю массив дат в шаблоне Angular. Ссылка на даты меняется каждый раз, поэтому представление перерисовывает то, что замедляет работу приложения. Моя идея заключалась в том, чтобы сделать "отслеживание" с помощью...
1037 просмотров
schedule 24.11.2021

Angular 6: Делаем события одинаково динамичными на элементах * ngFor-dynamic-generated-template-elements
Обычно в Angular для отображения и скрытия вещей я создаю переменную в компоненте, создаю событие mouseover-mouseout для элемента, который переключает эту переменную, и помещаю ngIf на любой элемент, на который я хочу, чтобы это событие повлияло...
1430 просмотров
schedule 15.11.2021

невозможно отобразить содержимое json-Angular
Я новичок в Angular и пытаюсь понять, как читать и отображать содержимое файла json. Component.ts import { Component, OnInit } from '@angular/core'; import { RoomService } from '../shared/room.service'; @Component({ selector: 'app-footer',...
159 просмотров
schedule 06.10.2021

* Ng Для переключения отображения / скрытия отдельного элемента
У меня есть этот фрагмент кода в HTML: <!-- Toggle show hide --> <ng-container *ngFor="let plate of plates; let i=index"> <button (click)="toggle(plate)">{{i}}. {{ buttonName }}</button> <span...
1821 просмотров
schedule 14.09.2021

Ошибка при попытке сопоставить объект "объект". Разрешены только массивы и итерации NgFor
У меня есть файл JSON со списком выставленных на продажу объектов недвижимости. Я пытаюсь использовать * NgFor для перебора данных для создания списка. Во-первых, я все еще любитель angular и разработки приложений, поэтому есть вероятность, что я...
4641 просмотров

Используйте входные переменные шаблона вне NgFor
Распространенный хорошо знакомый случай: <div *ngFor="let hero of heroes$ |async"> <span>{{hero.name}}</span> </div> Мой вопрос в том, как добиться того же поведения, когда heroes не является наблюдаемым из массива...
84 просмотров
schedule 21.09.2021

Как связать проверку угловой формы с ngFor
Привет всем, я пытаюсь выполнить проверку формы комментариев. Для каждого сообщения есть поле для комментариев, такое как Facebook, но я не могу связать форму комментария с индексом ngFor с formControlName = "comment", поэтому, пожалуйста, помогите...
4015 просмотров
schedule 21.09.2021

Как получить доступ к ключевым значениям из объекта массива в Angular с помощью ngFor
Каждый раз, когда щелкают по панели расширения модуля, к API выполняется HTTP-вызов, чтобы получить все компании, доступные для конкретного модуля. <mat-accordion *ngIf="modules"> <mat-expansion-panel *ngFor="let...
327 просмотров
schedule 23.09.2021

как использовать ngfor для перебора свойства, которое представляет собой массив объектов в angular
Новичок в angular, извините, если это глупый вопрос или я неправильно его объясняю. У меня есть компонент, который объявляет свойство ввода, называемое спутниками, которое обращается к массиву класса Satellite. Мне нужно использовать это свойство...
189 просмотров
schedule 12.11.2021

Typescript / Angular 8: изменить цвет отдельных кнопок, отображаемых с помощью ngFor
Я показываю текст (слово за словом) с директивой ngFor. Внутри ngFor у меня есть оператор if-else с условием, которое определяет, будет ли слово отображаться как <span> или как <button> - это уже работает. Что касается кнопок, я...
662 просмотров
schedule 01.11.2021

Как отсортировать данные (в порядке возрастания) (из базы данных) в раскрывающемся списке с автозаполнением в angular с помощью настраиваемой трубы
app.component.html ‹Input type = text placeholder = data aria-label = Number matInput [formControl] = organisationControl [matAutocomplete] = auto› ‹mat-autocomplete # auto = matAutocomplete [displayWith] = displayFn (optionSelected) =...
18 просмотров