问题标签 [viewchild]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
642 浏览

angular - Angular:访问子组件中的viewchildren

我有一个包含子组件的组件(让我们以daypart-hours 为例):

主要组件模板

在我的子组件时段,我需要访问许多 viewchildren(在我的情况下,我需要访问所有材料扩展面板)。

到目前为止,我的主要组件中有这个

主要组件 TS

但这似乎无法访问我的子组件中的面板。

无论如何我可以MatExpansionPanel从我的主要组件中的子组件访问每个?

0 投票
0 回答
90 浏览

angular - Angular Material Listen 类更改

我正在使用 Angular 5 并试图在 Angular Material Form 字段上监听类更改mat-form-field。具体来说,我想知道 AM 的逻辑何时将ng-pristineng-dirtyng-untouchedng-touched和添加ng-invalid到。mat-focusedmat-form-field

我尝试了各种使用@ViewChild,@HostListener并且@HostBinding在 StackOverflow 上找到的方法。以下是mat-form-fieldwith的示例#firstNameRegister

无论采用哪种方法,我都会遇到的问题#firstNameRegister是以某种方式被视为undefined因此.nativeElement呼叫失败。Angular Material 的组件是否有一些特定的东西会阻止它们被观察到类更改?

谢谢!

0 投票
2 回答
1033 浏览

angular - 如何引用离子中的元素

我想查看离子卡的元素参考,但看不到。下面是我的代码。

.html

.ts

0 投票
1 回答
417 浏览

angular - 如何在动态加载的列表组件中动态加载组件

我有一个组件,我使用下面的代码使用视图子和组件工厂动态加载

但是我在这里尝试实现的是当用户单击黄色编辑按钮时,用详细信息组件替换下面的列表之一。我有一个功能可以根据单击的行获取数据,但我被困在那里 在此处输入图像描述

0 投票
0 回答
59 浏览

angular - 加载后子元素中的Angular 5调用函数

我正在尝试通过第三个组件将状态从一个组件传递到另一个组件。

验证组件 -> 查看 -> 列表

验证组件发出状态。View on emit 启动函数,ViewChild 将参数传递给 List 并在那里启动函数。

问题是 List 渲染时间过长,以至于 ViewChild 在发出时仍然未定义。我在 AfterViewChecked 上检查了 ViewChild 本身,返回组件需要几秒钟。我也试过 setTimeout(0) 但没有运气。

验证组件.ts

查看 Component.html

查看 Component.ts

触发后updateStatusIcon()this.listComponent仍然未定义。

0 投票
1 回答
106 浏览

angular - 如何更新孩子

我有一个像这样引用子组件的组件

TheChildComponent 是一个复杂的组件,具有多个 dom 元素和一组数据,这些数据通过 rest 调用异步更新。

每当我检测到 TheChildComponent 中的数据数组发生更改时,我都想更新我的变量 this.cc。

我不知道该怎么做,或者是否可能。

0 投票
0 回答
40 浏览

javascript - 在不使用窗口或 DOM 的情况下获取视图高度和元素高度偏移

我想在不使用窗口或文档的情况下获得视图高度。

我还想在不使用文档的情况下获取元素顶部和视图高度顶部之间的距离!

我正在使用 Angular 4 根据元素的位置设置元素的高度。它现在可以工作,但有人告诉我使用 DOM 不是很安全。我现在使用 ViewChild 连接了我的元素。关于如何使用除窗口或文档以外的任何东西来完成此操作的任何建议?

最好有一种方法可以使用 nativeElement

0 投票
1 回答
237 浏览

angular - 在父类中保留 ViewChild 的引用

我想通过在我的父类中声明的@ViewChild 访问我的子组件中的图表。我不想为每个子类重新声明一个新变量。

父类:

儿童班:

当我尝试访问父类的方法时出现问题,它使我无法定义,在我的情况下,问题在于setChart

0 投票
0 回答
91 浏览

angular - 在动态调用组件中查看子组件

我有从其他组件在路由器插座中调用的组件。在视图中,此组件显示为弹出窗口。在这个组件中,我有 View child 可以访问的子组件。问题是-当我尝试调用子组件方法时,我收到'... of UNDEFINED ...'。在调查时我注意到, ViewChild 是在创建 View 之前设置的,所以我们只是没有创建子组件。

这是弹出组件的打开方式:

在弹出组件中查看子项。发射 setter 时 V 为空。在弹出组件 html 子组件被声明为标签:

PS:这是设置 ViewChild 时的样子http://webdav.chisw.us/webdav/TYC.Web__-_Google_Chrome_2018-04-20_12.47.13.png

0 投票
1 回答
371 浏览

angular - 如何在超级父组件中访问或检查子组件的模板驱动表单的验证

假设我有一组具有父子关系的组件。结构如下: [A]-->[B]-->[C]-->[D] (即) A 是 B 的父级, B 是 C 的父级, C 是D. 我需要从组件A中检查组件D中模板驱动表单的有效性。我试过使用@viewchild()。在我的componentA.html

这种方法行不通。

如何在不使用事件发射器的情况下从 A 到 D 实现这一点?