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

Как прикрепить обработчик кликов к проецируемому элементу контента
Я использую проекцию контента, чтобы поместить кнопку в компонент. <hello name="{{ name }}"> <button #btn>Click Me</button> </hello> И компонент: @Component({ selector: 'hello', template: ` <h3>Hello...
2132 просмотров
schedule 01.11.2021

Как динамически использовать аннотацию chartjs-plugin-annotation с ng2-charts?
Я создаю статистическую страницу, на которой мне нужно отобразить несколько диаграмм, я создал компонент DynamicChartComponent, который покрывает столбиковые и линейные диаграммы из демонстрации здесь (...
1168 просмотров

Как обнаружить событие размытия на дочернем компоненте в родительском
Я работаю над проектом angular, и у меня проблема с установкой сообщения об ошибке проверки в поле. Я хочу установить класс ошибки при прикосновении к компоненту и недопустимой модели. Я попытался поместить событие (размытие) в дочерний компонент...
1070 просмотров

Почему функция async не определяет ViewChild в ngOnInit ()
Вот компонент, у которого есть ViewChild, относящийся к #h1 в html: import { Component, ElementRef, ViewChild } from '@angular/core'; @Component({ selector: 'app-root', template: ` <h1 #h1 *ngIf="showh1"> Welcome to...
1210 просмотров
schedule 02.03.2022

MatSort и MatPaginator не инициализируются с использованием @ViewChild и ngAfterViewInit, если внутри * ngIf
Я использую матовую таблицу с пагинатором и сортирую в *ngIf . Данные таблицы извлекаются с помощью API. Это машинописный код компонента: export class UserPermissionAdminComponent implements AfterViewInit, OnInit { dataSource:...
322 просмотров

Доступ к n-му дочернему элементу списка запросов ViewChildren (Angular)
Я пытаюсь получить доступ к n-му дочернему списку запросов viewchildren. Ниже мой ТС: @ViewChildren(PopoverDirective) popovers: QueryList<PopoverDirective>; console.log(this.popovers) В console.log отображаются изменения: первое,...
17659 просмотров
schedule 09.06.2022

Моему приложению Angular нужны два столбца, но их содержимое может значительно различаться в зависимости от маршрута. Как мне подойти к настройке моих компонентов?
Моему приложению всегда нужны два столбца: один немного меньше другого. В настоящее время в моем основном компоненте приложения используется шаблон всего лишь <router-outlet></router-outlet> . В настоящее время каждый из моих...
297 просмотров

Ionic 2 - Как получить доступ к компоненту внутри директивы?
Я пытаюсь создать директиву для отображения пользовательской цифровой клавиатуры при нажатии элемента управления (ввода), к которому применяется директива. Я работаю над Ionic 2 RC5. моя страница.html <ion-content> <ion-item>...
3050 просмотров
schedule 30.07.2022

Angular 2 запрашивает несколько элементов HTML для @ViewChildren
В Angular 2 @ViewChildren можно использовать для получения нескольких элементов HTML с использованием локальных переменных шаблона, например @ViewChildren('var1, var2, var3') Есть ли лучший и простой способ получить несколько элементов HTML,...
352 просмотров
schedule 14.08.2022

Аннотация Angular ViewChild fileInput не определена
Если мой элемент fileInput находится в обычном div, то он работает нормально. Но если я помещу его внутрь <ng-template></ng-template> , то он станет неопределенным. Вот мой код: HTML <ng-template #content let-c="close"...
3903 просмотров

Angular2 @ViewChild из базового абстрактного класса TypeScript
Я просматривал @ эту SO Q & A , и интересно, можно ли вместо этого иметь базу abstract class ? Вместо interface можно ли иметь разные реализации базового класса в дочерних компонентах, которые доступны для родительского компонента через...
6785 просмотров
schedule 24.09.2023

Динамические компоненты Angular2
Я новичок в Angular2 и не нашел решения того, что пытаюсь сделать. Попробую объяснить на следующем примере. Допустим, у нас есть родительский компонент A , который может включать дочерний компонент X или Y . Это можно легко решить с помощью...
557 просмотров
schedule 10.07.2023

Как внедрить из родительского компонента дочернее представление в DOM, используя @ViewChild из кода ts с таблицами данных
Это родительский компонент, который создает таблицу данных: import {CollectedItemsDynamic} from "../collected-items-datatable/collected-items-dynamicView"; declare var $: any; @Component({ selector: 'sa-datatable-roi',...
479 просмотров

Как я могу получить дочерние элементы из QueryList в Angular 2?
Я новичок в Angular2. На мой взгляд, у меня есть несколько идентичных потомков, которые генерируются в * ngFor. <ngb-panel *ngFor="let client of clients" [title]="'Client #' + client.id"> <template ngbPanelContent>...
31218 просмотров
schedule 04.11.2022

передавать данные между бабушкой и дедушкой и дочерним угловым 2
в angular2 у меня есть компонент addproperty (дедушка) и компонент addproperty2 (родительский) и компонент флажка (дочерний). В дедушке и дедушке есть форма с кнопкой добавить , если пользователь нажмите флажки, которые находятся в родительском...
1531 просмотров
schedule 05.07.2023

Как имитировать нажатие на ion-tab
Я разработал элемент на главной странице своего приложения, который при нажатии меняет активную вкладку. Раньше я делал следующее: events.subscribe('change-tab', (tab, filterOnSport) => { console.log('TabsPage#constructor - change-tab...
2987 просмотров
schedule 13.04.2023

Как передать переменную шаблона в компонент без ViewChild
Мне нужно передать компонент A другому компоненту B. Компоненту B нужен доступ к nativeElement A. Мне удалось заставить его работать следующим образом: Контейнер Шаблон <component-a #componentA></component-a> <component-b...
1187 просмотров
schedule 08.06.2023

Angular 4, отправка данных от родительского к дочернему компоненту
Привет, может кто-нибудь объяснить мне, как заставить эту работу работать должным образом, потому что я не очень опытен в использовании директив viewChild ... Вот в чем дело, я работаю над небольшим приложением crud в angular, и у меня есть...
2562 просмотров

Модульное тестирование компонента angular 5 с @ViewChild
Я использую угловой 5.2.0. У меня есть дочерний компонент import { Component } from '@angular/core'; @Component({ template: `<div><\div>` }) export class ChildComponent { public childMethod() { ... } } и...
28891 просмотров
schedule 04.04.2023

Угловое модульное тестирование - заглушка/издевательство над директивой со ссылкой в ​​ViewChild
Как вы заглушаете/издеваетесь над директивой/компонентом, который читается как ViewChild? Например, используя простую директиву angular.io: @Directive({ selector: '[appHighlight]' }) export class HighlightDirective { constructor() { } }...
1360 просмотров
schedule 06.02.2023