问题标签 [elementref]

我正在将我的项目从 Ionc3 迁移到 Ionic5。我有一个 ion-textarea，它会随着用户类型的增加而增加高度，它适用于 Ionic3。以下是代码。

HTML页面：

TS页面：

现在在 Ionic4 中，唯一的变化是在下面的声明中

在 Ionic4 中，我收到以下错误。

所以this.hvUserPost['_elementRef']是未定义的，this.hvUserPost.nativeElement也是未定义的。

我有一个表，我可以使用添加按钮向表中添加动态行。

为了构建这个表，我采用了数组形式。

每行都有一个带有选项列表的选择框

设想

一旦用户从选择框中选择了一个选项，并且当他下次单击添加按钮添加新行时，应禁用先前的选择选项。

我能够在代码下方获得选定的选项值形式

但它总是给我第一行选择的选项。

我正在尝试将下拉列表添加到 div。html代码（下拉是一个例子）是动态代码。即使单击它会显示下拉按钮，但下拉菜单不起作用。以下是我来自组件文件的代码

我的html <div class="showfilters" #showfilters>

我也在StackBlitz上创建了一个示例。

所以我试图根据我的 Angular 应用程序的滚动来做一些事件。

我有一个问题，因为我试图在 .html 的帮助下访问我的 HTML 中的元素@ViewChild。

我可以访问里面的元素，ngAfterViewInit()但我不能在外面访问它。它总是显示未定义。

这是我的组件类：

当我在里面进行控制台登录时，ngAfterViewInit()我得到了 HTML 元素，但是当我在里面进行控制台登录时，onScroll()它是未定义的。

为什么我的元素在 viewinit 后消失并且未定义？我没有使用任何ngIf删除元素的东西。

这是组件的 HTML 代码。

这是控制台错误：

我正在遵循 Angular.io 上的广告横幅教程的所有步骤。但在所有设置结束后，我收到来自此组件和功能的错误：

Ad-banner.component TS

我正确获取了日志，英雄数据进入了我将显示广告的主页组件，但没有出现错误，所以任何人都可以解决我的问题吗？

编辑主要指令

您好我正在尝试制作动态过滤器选项，该选项根据后端输入的数据呈现属性及其值。在选择值时，我想获取检查的值并将其传递给后端进行过滤。我能够显示过滤器选项，但是当我们选择复选框时无法获取选中的值。

我正在使用元素 ref 并查看 Child 这样做。

HTML页面：

TS 代码。

任何帮助将不胜感激。需要有关过滤数据的相同和最佳方法的指导。

我有 4 张图片，当我单击这些图片时，我希望轮播导航到相应的索引。由于 bootstrap 的轮播与 jquery 一起使用并且这是一个 Angular 应用程序，因此我使用 elementRef 来选择轮播组件。但是，我想不出改变幻灯片的方法。当我 console.log ElementRef 时，我得到的只是 html。有一个更好的方法吗。

组件.html

组件.ts

在我的应用程序中，单击一个元素时，我会显示一个包含附加信息的工具提示。这适用于列表中的所有元素。我希望能够在单击工具提示之外的任何内容时关闭扩展。

这个概念本质上是这个已回答问题所涵盖的内容，但如果元素有多个实例，我需要它来工作。我尝试将 ViewChildren 用于元素而不是 ViewChild，因为有多个元素，但这并没有达到我想要的效果。如果可能的话，我想避免使用任何尚不可用的软件包@angular/core，rxjs等等。请参阅下面的简化版本，这是我迄今为止没有成功的尝试。

HTML

TS

我有一个基于特定用户操作调用的方法。在那种方法中，我尝试使用这种方法下载文件。

但我不想document直接使用/引用对象，所以我使用Renderer2和的组合ElementRef。这是代码的快照：

我需要一些帮助来弄清楚如何在click()这里使用Renderer2和调用 DOM 方法ElementRef

如果打印案例 3 和“接受您的报价”，我正在尝试使文本的背景变为绿色。我想使用 elementRef 访问 DOM 和 javascript 以使用 if 语句添加背景颜色。我在 component.ts 文件后面添加了 if 语句，但是它破坏了程序，在此之前它工作正常并且打印正确。控制台上不显示任何错误消息。如何使用此方法实现更改背景颜色所需的行为？提前致谢。这是我的 .component.ts 和 .html 文件：

这是我的 .html 文件