问题标签 [elementref]

场景： 检查这个 stackblitz

• 当我通过键入内容更改输入值时，（keyup）、（change）和（ngModelChange）事件都会触发；
• 当我通过 renderer2 更改输入值时，没有任何事件触发

我想要什么：

我想以编程方式键入一些内容，以便该输入事件上的事件触发

相关代码：

*有很多类似的问题，但我没有找到一个真正的副本来回答我的问题，如果我错过了什么，请道歉。

我有一个包含多个输入/按钮的页面（重复相同的组件），并且需要在按钮单击时关注正确的输入。

我已经尝试过 elementRef、nativeElement、基于 ID 的变体……但我只能让它专注于 DOM 中的第一个或特定的……

在 DOM 中呈现如下：

这是我一直在尝试的：

期望的行为：单击按钮时，将注意力集中在相应的输入上。目前，它只关注第一个，或者我指定的任何 ID...

我需要从 elementref 获取所有孩子的宽度。

项目是动态加载的

打字稿：

html:

在 Angular 组件中，我以非常复杂的方式显示实时数据，需要ElementRef用于支持 UI 交互的各种目的。

结果，当以这种方式引用元素时，我遇到了一些罕见的用例，null因为该元素在 DOM 中尚不可访问，或者由于*ngFor.

为了防止错误，我正在检查本机元素null：

这工作正常，但有更好的方法吗？结果，我在整个组件中总结了很多这样的if陈述。

我已尽一切努力避免接触 DOM 并避免null在模板中出现元素的可能性，但我遇到了一些不可避免的罕见情况。

非常感谢任何建议。

我使用 ionic 3 为聊天应用程序创建了一个弹出框控制器，当我在聊天弹出框中键入消息时到达消息末尾时，我需要自动滚动。

让维度 = this.content.getContentDimensions(); this.content.scrollTo(0, dimensions.scrollBottom, 0);

收到消息的 ant 自动滚动事件。

我有一个名为 component1 的简单组件：这是它的带有绑定和模板引用的 HTML：

这是组件：

现在 - 在另一个组件中，我使用ComponentFactoryService动态创建此组件，然后设置 2 个变量。我想最终在绑定后获取组件的 HTML：

现在我得到了没有bindind 的 innerHTML，尽管我可以在函数中看到这些绑定值component1Component oninit。

我从父级内部动态创建的子框包含一个关闭按钮，该按钮触发一个关闭函数，该函数实际上是一个 EventEmitter，消息应该以某种方式到达父级，以便使用“this.child.destroy(); 销毁子组件； "

父级中的代码以创建子级：

}

和html

或者

和孩子

}

孩子显示，但单击关闭按钮时没有任何反应。我该如何解决这个问题？

通常我会使用

但在这里我不能添加（关闭）绑定，因为我是动态创建组件的

https://angular-excmcj.stackblitz.io

谢谢！

我正在尝试对一个类进行继承，但如果我使用 ViewChild，我总是会得到未定义的。我将展示我的问题的简化。

我有一个这样的父类：

然后，我有一个想要覆盖名称的孩子，例如：

正如我之前所说，这是对我的问题的简化，但我得到了同样的错误：

ERROR 错误：无法读取未定义的属性“nativeElement”

我需要在父级和子级中访问 ViewChild 我不需要它，但我收到错误，因为在子级组件中 pRef 不存在。

如何同时使用 ViewChild 和继承？

我需要在指令中获取 ElementRef 值以动态地将类应用于元素。

我的指令：

然后我将指令分配给 DOM 的元素：

问题是在指令的构造函数中我无法接收元素的值，但是，使用 console.log 我可以正确看到值，但我无法获取它们。

我需要检索这些值，但是在引用它们时值为 0。

在我的 Angular 库中，我有一个类似于以下的代码：

test.component.html：

我的组件.component.ts：

我正在寻找一种方法（如果有的话）ElementRef从ThirdParyComponent作为属性传递的实例中访问@Input- 不幸的是，我无法更改ThirdParyComponent以公开它自己的ElementRef.

PS：我知道我可以创建一个方法MyComponent来设置ThirdParyComponent实例和它的ElementRef，但我想用@Input.

有什么办法可以做到这一点？