问题标签 [angular-renderer2]

上下文Angular 项目
我有以下代码段：

它使用 Renderer，但它已被弃用，现在我们有了 Renderer2？
方法 in的替代invokeElementMethod方法是Renderer2什么？

我看过这个，但它不起作用——可能是因为我的目标元素是在自定义组件 ( <c-tabs>) 中动态生成的。

我也看过这个，但我认为这不起作用，因为我无法触摸自定义组件的代码。

相关要素

HTML

我尝试了以下方法来定位它。没有工作。

方法 1. 使用普通的旧 Javascript：

我试图在 ngOnInit 和 ngOnViewInit 方法中使用上述内容，但这没有帮助。 奇怪的是，这种方法在页面呈现后在 Chrome 控制台窗口中起作用。即，querySelected 项获取 id 属性。

方法2。使用 Angular 的 Renderer2。（诚​​然，我不知道如何获取需要 id 的特定原生元素。

我想实现一个名为“上传文件”的指令，该指令将应用于一个<button>元素。它的用法是：

该指令应该添加一个隐藏的<input>，当单击按钮时<input>，指令代码将单击该元素。生成的 DOM 将是：

我尝试以<input>这种方式使用 Renderer2 创建元素：

但我不知道如何设置directive(ng2FileSelect) 和property binding([uploader]="uploader")。我知道它们是“角度功能”，与我使用设置的“事件绑定”（更改）相同_renderer.listen()。

有没有办法设置指令和属性绑定？

有没有办法检测 html 元素（本机元素）何时在样式后调整大小：宽度属性已通过使用 angular renderer2 进行了更改？

我目前已经实现了一个基于父容器宽度的字体大小系统，但是当调用字体大小时，我必须使用超时来查看父元素的内部宽度不是最终的。该父级使用通过 renderer2.setStyle 方法设置的 css-grid 属性。

所以我想要归结为：

renderer.setStyle（元素，cssGridStyleProperty）。（等待渲染器和浏览器完成渲染）。renderer.setStyle（元素，fontSizeParentBasedProperty）。

所以我有一个输入字段，我想专注于 Angular 应用程序中的负载。我读到 Renderer2 方式是这样做的好方法，如果我在单击时调用该函数，例如，它可以工作，如下所示：

但是如果我试图让它专注于负载，就像这样：

它抛出一个错误：

HTML：

知道这背后的原因是什么吗？

我正在解决这个问题，想不出一种方法来处理renderer2.selectRootElement引发的错误。这就是我的函数的样子：

如果我打开控制台，我会看到这个错误：

我还查看了 Renderer2 的文档，并且selectRootElement看起来像这样

如您所见，我的代码在函数的第 1 行失败，所以我的问题是如果没有任何匹配项，如何在控制台中不显示任何错误。我的意思是如何不在控制台中显示此消息

"The selector ".modal-wrapper" did not match any elements"

有人可以帮助我或指出正确的方向吗？提前非常感谢！

在 Angular 应用程序中，假设我们有一个 body 元素

现在我想使用 Angular Renderer2 将其背景设置为某个值

什么也没有发生。

但是现在如果我使用 setAttribute 函数作为

这会很好。

我的问题是： setStyle 函数可以对尚未定义样式属性的元素进行操作吗？

当尝试使用 Renderer2 创建选项卡组件来选择选项卡元素，并尝试添加一些 css 类来更改颜色时，例如对于当前未选中的选定选项卡，HTML 元素从 DOM 中完全消失：

这是选项卡 html 模板：

我添加了一些 css 以使锚标记与父 div 具有相同的高度，

所以当使用 Renderer2 时：

CSS：

然后 achor 标签在执行时完全从 DOM 中消失：

这有什么理由吗？

可能是 selectRootElement 的工作方式是问题吗？

有人对此有想法吗？

我已经在 devtools 中验证了 elm 通过悬停打印的 elm 变量在调试模式下引用了正确的元素。

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

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

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

我有以下代码用于打开和关闭表格中每一行的幻灯片菜单。如下图<td>所示：

组件文件中的代码如下所示：

现在这显示了操作菜单，当我单击关闭图标时它正在关闭。当我单击打开的元素之外的任何位置时，我需要关闭此操作菜单。如何做到这一点？提前致谢