问题标签 [elementref]

Renderer 和 和有什么不一样ElementRef？在 Angular 中，两者都用于 DOM 操作。我目前正在ElementRef单独使用来编写 Angular 2 指令。如果我得到更多关于 的信息Renderer，我可以在我未来的指令中使用它。

在我的 ng2 应用程序中，我使用了一个未公开其 HTML 元素的外部库。

我将其用作：

现在，当它以 HTML 呈现时，它被添加为：

为了动态更改位置，我创建了一个本地模板引用变量。

并将其宽度更改为：

现在 A/c 到angular.io文档ElementRef将被弃用。我无法找到任何其他方式来做到这一点。有没有其他方法可以达到同样的效果？

我还有一些关于 SO 的链接。但没有找到解决办法。

我在我的 Angular 4 应用程序中使用 bootstrap selectpicker，我必须从我的类型脚本代码中为其设置默认值。这些是本文档中给出的 jquery 方法https://silviomoreto.github.io/bootstrap-select/methods/

我想只使用角度来调用方法。我试过使用 ElementRef，这是我的代码，

它给了我错误“selectpicker 不是函数”。但是记录 this.elementref.nativeElement 会打印“select”元素，如下所示。

我想创建自己的 *ngIf 指令。该指令将获得一个数字，如果屏幕内部宽度像素小于它获得的数字，它将不会呈现模板。

如何实现我自己的 *ngIf？

我有许多动态“div”，每个都有自己的数据库中的动态“id”。在后台有一个服务以 15 秒的间隔运行，每次都会提取新数据并更新状态，每个 div 将用不同的背景颜色表示。

PS - 我能够为特定的“id”（简单）做到这一点，只是坚持如何为具有动态背景颜色的动态“id”做到这一点。

注意：“div”随机位于页面上，因此，使用“ngFor”在“div”上执行循环将不起作用。

例如

理想情况下，我会在组件内部包含以下内容，并带有一个循环来遍历 json 对象，如下所示：

任何帮助深表感谢。提前喝彩。

我正在寻找如何访问 A4 中的 DOM 元素。

我很难理解这一点...我一直在阅读有关 ElementRef、ViewChild 等的内容...但我仍然不完全了解如何在 Angular 4 中横穿 DOM 元素。例如这个 jQuery 语句在 A4 中会是什么？

像：

如何以上述方式访问该元素 - 无需添加任何 id、类或 #template 标记？在某些情况下，我无法访问 html，所以我想知道如何在不使用 jQuery 的情况下执行此操作，因为 Angular 不赞成它：[

我刚刚了解到关键字“nativeElement”不兼容跨浏览器，例如：

现在通过使用像这样的渲染方法来纠正。

但是我也有以下内容：

请告知是否在这种情况下

".nativeElement.querySelector(".myLookupClass")"跨浏览器工作？如果没有，请告知替代技术。

提前致谢。

如何获取当前组件的内容？

假设我FooComponent在另一个组件中使用了它，如下所示：

我如何bar提取FooComponent？

试过这个，但得到val = null：

我通过下面的代码得到一个元素引用，我想添加一个类并从我得到的所有元素中删除一个类。

app.component.html

app.component.ts

上面的代码不起作用。

对于不同的输入，我有相同的侦听器。

当侦听器被触发时，我无法知道谁生成了事件。