如何使用@viewChildren在Angular中以QueryList形式访问等级库文件中的子元件特性

文章/答案/技术大牛

发布

1回答

angular、unit-testing、jasmine、viewchildren

我在parent.component.ts文件中有以下代码，在这里我使用@ViewChildren以QueryList的身份访问子网格。@ViewChildren(ChildComponent) childComponent: QueryList<any>; 我在访问childComponent属性的组件中有以下函数。fixture.detectCha

浏览 32提问于2021-07-19得票数 1

2回答

Angular 2将事件从父对象发送到所有子对象

angular

我正在尝试实现一个简单的菜单栏。我有一个主菜单栏组件和许多子菜单，可以是不同的深度。我想在关闭主菜单栏时关闭每个子菜单。因此，我希望父组件向每个子组件发送一个没有任何数据的简单事件。我希望在使用子菜单组件时不必声明任何输入，因为此事件订阅是强制的，并且对于每个子菜单都是相同的。因此，声明将更加简单，并将避免进一步的错误。换句话说，我在菜单栏组件中有这个： <sub-menu [title]="File

浏览 2提问于2017-02-03得票数 1

回答已采纳

3回答

在angular 2中选择带有1个散列选择的viewchild

angular、typescript、angular2-directives、viewchild

有没有用相同的标签在同一层内选择多个标签的技巧？<div #el></div>总是给出“引用"#el”被定义多次“的错误信息。

浏览 2提问于2017-09-15得票数 0

2回答

使用ngFor渲染子对象时，@ViewChildren*数组为空

angular

import { Component, OnInit, ViewChildren } from '@angular/core';请注意，父组件和子组件都已在独立根组件的app-module中声明。当父组件的"datas“

浏览 0提问于2017-11-10得票数 13

回答已采纳

4回答

@ViewChild返回未定义的

angular、viewchild

由于某种原因，我的“角5”应用程序中的@ViewChild无法工作。我已经在我的组件中这样定义了它：<div class="inner-tab-content" #innerTabContent></div> 我在控制器(构造函数上方)中实现

浏览 1提问于2018-01-18得票数 28

回答已采纳

1回答

当控制在*ngFor中时，primeng p-menu散列名称可以唯一吗？

angular、primeng

当此控件在*ngFor中定义时，是否可以在p菜单定义中为散列名称使用索引或唯一名称？menuChooseOp [popup]="true" [model]="logicalOperator" appendTo="body"></p-menu> 当定义了多个时，基于哈希名"#menuChooseOp“的事件处理会被混淆

浏览 7提问于2019-03-05得票数 1

2回答

从父组件到子组件中的元素的Angular 10 scrollTo html

html、angular、scroll、angular10

="button" (click)="scroll(childelementTwo)">TO CHILD</button> <app-child> another lot of stuff </div&

浏览 20提问于2020-09-11得票数 0

回答已采纳

1回答

使用带有嵌套指令的viewChildren获取子程序

angular、angular-directive、viewchild

我试图在我的角度应用程序中实现一些特性。我已经创建了一个父指令appParent和另外两个指令appChildAbc和appChildXyz。我想要做的是，每当我对一个元素应用appParent指令时，我想检查它的子元素(相同组件中的本机HTML元素)，并对这些子元素应用一些逻辑。经过大量的搜索和挣扎，我找到了一种使用ViewContainerRef in ParentDirect

浏览 1提问于2019-12-18得票数 2

回答已采纳

2回答

如何访问角的父函数？

angular、typescript

我有一个组件，它是一个表单，在提交时插入到数据库中。我需要重新列出数据库中变化的数据。该列表方法可以在另一个组件中找到。我尝试用viewChild调用函数，但提交时ViewChild显示为未定义。这是在html中列出数据的数据组件。implements OnInit,AfterViewInit { data: any = []; id: numbe

浏览 4提问于2020-09-02得票数 0

4回答

当一个角度分量可以被ngIf删除时，如何从打印文本中引用它？

angular、typescript、angular-material、angular-components

我有一个模板，它使用来自棱角材料的MatInput。我试图使用@ViewChild从代码中访问这个组件，这样我就可以编程地更改focused状态，但是当视图初始化时，这个MatInput并不存在--它的存在是由*ngIf指令决定的。/core';import { AfterViewInit } from &#x

浏览 12提问于2018-01-03得票数 7

回答已采纳

1回答

如何让Angular 2中的组件与嵌套对话框组件交互？

javascript、angular

一个父零部件可以有此通用零部件的多个实例。当单击通用组件上的按钮时，我需要通知父组件该按钮已被按下，并以某种方式确定哪个按钮已被按下。然后，我需要让父组件能够调用嵌套组件上的一些函数。下面是我想要做的一个非常粗略的例子： selector: 'parent-component',}) ...export class

浏览 1提问于2016-08-24得票数 0

1回答

Ionic v4和Angular无法获取循环生成幻灯片的离子幻灯片的内部文本

angular、ionic-framework、slide、ionic4、ion-slides

我使用*ngFor循环遍历定义的数组，在<ion-slide>中显示了一个数组： status: string[] = [ 'Inactive',];，以运行特定的函数。我尝试了下面的script import { Slides } from 'ionic-angular'; import { ViewChild, Vi

浏览 13提问于2019-03-06得票数 0

回答已采纳

3回答

如何检测角何时将元素附加到DOM？

angular

有一个组成部分：它的组件以@Input的形式接收数字流在组件内部，我们更新模型：class MyComponent { my

浏览 3提问于2019-03-27得票数 4

2回答

document.getelementbyid总是在角13中返回null

angular、typescript

var idDiv = document.getElementById(this.commentId) }这是一个带有id is Guid的html： <div>comment</div>问题是在视图初始化之后，它的document.getElement

浏览 3提问于2022-04-17得票数 0

5回答

角2 @ViewChild返回未定义的

dom、angular、scroll、viewchild

我看过几个相关的帖子和文档，但仍然无法从@ViewChild获得预期的行为。目前，

浏览 0提问于2016-08-31得票数 44

回答已采纳

2回答

单选按钮不按角度工作的默认选择

angular、radio-button、angular-reactive-forms

我想用它们的角度反应形式。在默认选择任何单选按钮的情况下，我无法触发更改事件。我想默认选择男性单选按钮，但更改事件的默认选择不触发。请帮我找出我在这里做错了什么。import { Component, OnInit } from '@angular/core'; import { FormBuilder, Validators } from"@angular</em

浏览 4提问于2019-12-25得票数 1

回答已采纳

2回答

如何只在点击时显示原始工具提示？

angular、tooltip、primeng

我试图只在单击时显示工具提示，因此默认情况下，我禁用了工具提示，当我单击span时，将启用工具提示。<span (click)="onClick()" [tooltipDisabled]="tooltipDisabled" pTooltip="My tooltip"tooltipPosition="top">My text

浏览 15提问于2022-05-04得票数 1

回答已采纳

2回答

角2，动态绑定属性名

javascript、angular

但是，当我想要根据像name-1="name" name-2="name"这样的索引动态设置属性名时，我不知道该如何做。

浏览 1提问于2017-06-16得票数 9

回答已采纳

3回答

角- @ViewChild上的“听”更改

angular

如何实现像onElChanged这样的函数，以便在每次更改<div #plot id="plot-container"></div>属性时执行这些函数？

浏览 0提问于2018-05-16得票数 25

2回答

在ngFor中创建的组件没有正确更新。

javascript、angular

我正在ngFor中创建组件，并想知道为什么它们没有正确地更新。下面是一个stackblitz：基本上，当我从子组件中更新和制表时，我添加了一个值为空的表单，我想知道为什么？我知道我可以像这样使用FormBuilder、FormGroup和FormArray：，但我很好奇为什么我所做的工作不起作用。

浏览 2提问于2020-09-27得票数 0

回答已采纳

点击加载更多