Публикации по теме 'ng-template'
Динамическая загрузка изображений с помощью Angular
Самый простой способ ленивой загрузки элементов DOM на странице с помощью Angular
Предположим, что на вашей странице более 100 изображений, и вы видите только два или три из них, когда страница загружается. Тогда почему браузеры загружают 100 изображений при инициализации страницы?
Невозможно не загрузить изображение, пока в вашем HTML есть тег ‹img›. Это означает, что вам нужно изменить html, чтобы не было тегов изображений, и изменить html динамически, чтобы избежать начальной..
Вопросы по теме 'ng-template'
Angular, используйте внешний шаблон для ng-template
Допустим, у меня есть такой код в шаблоне компонента:
<div *ngIf="user?.name; else dash-template">{{user?.name}}</div>
И это в другом шаблоне компонента:
<div *ngIf="data?.datum; else...
2145 просмотров
schedule
08.09.2021
Как прикрепить обработчик кликов к проецируемому элементу контента
Я использую проекцию контента, чтобы поместить кнопку в компонент.
<hello name="{{ name }}">
<button #btn>Click Me</button>
</hello>
И компонент:
@Component({
selector: 'hello',
template: `
<h3>Hello...
2132 просмотров
schedule
01.11.2021
Как загрузить ng-шаблон отдельным файлом?
В приведенном ниже примере я использовал ng-template , как показано ниже, и он работает нормально.
Пример ссылки: нажмите здесь
<ng-template #template let-dataSource="">
<span *ngIf="dataSource.iconCss"...
14130 просмотров
schedule
02.11.2021
Повторное использование содержимого Angular ngb-tabs на нескольких вкладках с ngTemplateOutlet или чем-то еще
Я использую Angular ng-tabset для отображения некоторых вкладок. Моя вкладка ngb выглядит примерно так:
<ngb-tab id="mytabs">
<ng-template ngbTabTitle>
<div data-locator="xxxe">yyy</div>...
334 просмотров
schedule
18.11.2021
почему * ngIf не работает с ng-template?
У меня в шаблоне есть следующее условие:
<ng-container>
<p *ngFor="let seat of InfoDetails?.seatInfo">
<template *ngIf="seat.section">
Section {{seat?.section}} ,
</template>...
67790 просмотров
schedule
13.04.2022
повторить HTML в том же компоненте
Я ищу способ повторить одну и ту же разметку в нескольких местах моего компонента. Я знаю, что мог бы просто использовать новый компонент, но я ищу что-то менее серьезное.
HTML
<nav class="pages">
<ul...
558 просмотров
schedule
20.04.2022
Как прокрутить до div в ng-шаблоне?
Я использую модальный ngb для всплывающего окна, где содержимое устанавливается внутри <ng-template> . При отправке (при ошибке) мне нужно автоматически прокручивать вниз до раздела ошибок. Я пробовал @viewchild на <div #error> , но...
149 просмотров
schedule
28.05.2022
Встроенный редактируемый шаблон Angular Mat Table не работает для пустой ячейки данных
У меня есть таблица Angular Mat со встроенным редактированием. С приведенным ниже кодом встроенное редактирование отлично работает для матовой ячейки с записью, но для ячейки с нулевыми значениями или пустой записью встроенное редактирование не...
323 просмотров
schedule
08.06.2022
Моему приложению Angular нужны два столбца, но их содержимое может значительно различаться в зависимости от маршрута. Как мне подойти к настройке моих компонентов?
Моему приложению всегда нужны два столбца: один немного меньше другого. В настоящее время в моем основном компоненте приложения используется шаблон всего лишь <router-outlet></router-outlet> .
В настоящее время каждый из моих...
297 просмотров
schedule
27.06.2022
Как сохранить двустороннюю привязку с использованием контекста ngTemplateOutlet (Angular7)
Мне нужно настроить некоторые формы конфигурации, которые будут отображаться на экране динамически. Объект, стоящий за логикой, глубоко вложен, поэтому мне нужно отреагировать на его структуру (например, с помощью ngFor). Поскольку содержимое на...
1645 просмотров
schedule
28.06.2022
Аннотация Angular ViewChild fileInput не определена
Если мой элемент fileInput находится в обычном div, то он работает нормально. Но если я помещу его внутрь <ng-template></ng-template> , то он станет неопределенным.
Вот мой код:
HTML
<ng-template #content let-c="close"...
3903 просмотров
schedule
25.08.2022
*ngIf/else не работает Angular4
У меня возникли проблемы с использованием операторов *ngIf/else. Вот настройка:
<div *ngFor="let sub of day">
<p>{{ sub.subject }}</p>
<button type="button" *ngIf="sub.subject; else showElse" routerLink="/day"...
1215 просмотров
schedule
10.09.2023
Как передать объект контекста во встроенное представление, созданное с помощью шаблона ng
Я пока не нашел ни одного фрагмента кода, а документация слишком краткая. Итак, мой вопрос: как передать параметр в ng-шаблон и как вернуть индекс? Интуитивно следующее должно работать, но оно просто выдает «неопределенное». Любая помощь...
2050 просмотров
schedule
25.07.2023
Как реализовать загрузчик с помощью ng-шаблона Angular (5)?
У меня есть страница оформления заказа, где пользователь должен войти в систему, прежде чем он сможет продолжить. Пользователь уже может быть зарегистрирован. В каждом сценарии я хочу показать счетчик, когда компонент определяет, вошли ли...
5002 просмотров
schedule
22.10.2022
Angular 2- Ошибка Невозможно назначить ссылку или переменную
Я использую Angular 2. У меня есть 2 вложенных ng-template , как показано ниже:
<ng-template ngFor let-support [ngForOf]="support">
<div class="row">
<div class="col-sm-3">
<div class="form-group form-float">...
2002 просмотров
schedule
21.07.2023
Угловой динамический рендеринг шаблона, такой как шаблон ячейки сетки пользовательского интерфейса (шаблон объявлен в colDefs родителя)
Угловой (7) динамический шаблон (ng-шаблон), отображающий как шаблон ячейки сетки пользовательского интерфейса (шаблон объявлен в colDefs родителя); Я пробовал так много способов с более чем 30 дней, смотрел видео, статьи по рендерингу ng-template,...
1616 просмотров
schedule
06.11.2022
Доступ к переменным дочернего компонента в ng-контейнере
У меня есть настраиваемый компонент под названием «Список предложений», который отображает список предложений пользователю из наблюдаемого. Я создал этот компонент как можно более универсальным, чтобы вы могли передавать любой массив данных, поэтому...
1957 просмотров
schedule
09.06.2023
*ngFor - Как переопределить значение в цикле шаблона, если оно найдено
У меня есть массив объектов, которые выглядят так:
newItems = [
{ id: 8997, yellow: 'Y', red: 'N', reportId: 1 }, //HewlettPackard
{ id: 8997, yellow: 'N', red: 'N', reportId: 2 }, //HewlettPackard
{ id: 6300, yellow: 'N', red: 'Y',...
629 просмотров
schedule
29.12.2022
Ng-template повторить сам
У меня есть ngb-typeahed, когда пользователь нажимает на ввод, он отображает все значения для пользователя в виде раскрывающегося списка. Я хочу настроить раскрывающийся список, как правило, это раскрывающийся список. В этом случае документация...
398 просмотров
schedule
07.04.2023
Как я могу объединить NG-TEMPLATE, NG-FOR, NG-IF с дочерним компонентом
У меня следующий сценарий...
// child-component.ts
@Input() attrOne: any;
@Input() attrTwo: any;
isVisible: boolean = true;
HideThis(){
this.isVisible = false;
}
А также...
// child-component.html
<div *ngIf="isVisible">...
134 просмотров
schedule
20.01.2023