问题标签 [angular-renderer2]

我在组件的 html 中的 span 上附加了一个角度点击事件

在我的组件中，我想执行一些操作，然后使用 renderer2 的 addClass 方法向这个 span 添加一个类。我从构造函数注入 Renderer2 并在函数中使用它

但是我无法以这种方式在跨度上附加课程，我错过了什么吗？

我为输入元素创建了一个自定义表单控件（使用 ControlValueAccessor），并为 writeValue 方法提供了以下代码。

此方法仅更新一次视图（输入元素） ，即在我初始化表单时。如果我手动修补与上述组件关联的表单控件的值，则表单控件会更新，但视图不会更新。

但是，如果我使用setProperty方法而不是setAttribute方法，如下所示，

视图得到更新。

但问题是，文档说value是 HTML 中的属性，而不是dom 属性。

有人可以解释在 Angular 的 Renderer2 中产生这种行为的 HTML 中的属性和属性之间有什么区别吗？

我想删除页面上打开的模式，但无法访问锁定文档的 div 元素，

我无法访问此 div，定义一个 ID 或名称以通过 Renderer2 将其删除，

像这样的东西，

在一个视图中，我有一个使用 Angular cdkDrag 在仪表板上移动元素的组件。

该组件的数据是从订阅 SignalR Hub 的父级（通过单向绑定）向下传递的。

我遇到的问题是在接收到有效负载时，如果任何元素已被移动，它们就会重置回默认的 UI 布局（就像您刷新了页面一样）。

有没有办法阻止这种情况？

我是否需要将新位置存储在缓存中，并在接收到有效负载后，应用前一个位置（来自缓存）？

下面是显示该问题的 StackBlitz。该项目的结构与我的相似： https ://stackblitz.com/edit/angular-cdk-drag-columns-ldd9n2

我需要访问 dom 元素并在其他类
homeComponent.ts中进行操作

主页组件.html

表格实用程序.ts

错误：无法读取未定义的 addClass

如果我在 home 组件中使用它，我可以读取 Renderer2。有人可以用适当的理由告诉这个以及如何解决这个问题。

我正在尝试将click事件侦听器添加到div页面加载后动态生成的事件侦听器，但我似乎无法让事件注册。我正在按照此答案中的说明进行操作，但是它对我不起作用。

在我的ngOnInit()我有一个combineLatest()：

在这个块中，我调用initElements()which 是我创建某些DOM元素的地方。我在下面包括了其中的大部分。本质上，我有一个 header 元素，在这个 header 元素中，我创建了一个followBtn，看起来像这样（为简洁起见，我从代码中删除了标题、关注者、元素等）。我为最相关的行添加了大写注释：

但是，当我单击该元素时，我的控制台上没有打印任何内容。如果我将 的 更改target为listener元素DOM，则单击侦听器将起作用。我究竟做错了什么？

我想添加由 Bootstrap 定义的make-col mixin 和 Angulars Renderer2。

语境

这个想法是创建一个接收两个输入的指令：

• 元素应使用的列数
• 总列数

并将 mixin 添加到元素中。

代码

在理想的世界中，它看起来像这样：

问题 有谁知道您是否可以通过 Angular 中的 renderer2 应用 mixin，或者是否有其他方法可以做到这一点？

我正在尝试改进我的代码而不是有条件，所以我决定创建一个指令或可能的话创建一​​个管道，这可以帮助我根据其类型（字符串或模板引用）打印选项卡的标题，我的代码如下，此代码用于我的 Tabs/Tab 组件，也用于我的 Stepper/step 组件，所以我相信创建可重用的东西会很棒。我试过用 ElementRef、Renderer2、ViewContainerRef、TemplateRef 来做这件事……但我没有成功。

isLabelTemplate 看起来像这样：

非常感谢 ：）

this.renderer.setAttribute(this.element.nativeElement, '*ngIf', 'test');

我们可以这样使用吗？

如何在方法 Renderer2.addClass() 上添加多个类；

例子：

当我尝试这样做时，我得到了错误：