问题标签 [angular-renderer2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
42 浏览

angular - 通过 Renderer2 生成的 TemplateRef 内部的更改不会更新应用程序

我正在尝试构建自己的自定义角度下拉指令。该指令应按如下方式使用:

目前正在使用以下代码生成结构指令的元素:

这一次可以正常工作,但遗憾的是在下拉列表内的组件上触发的事件不会更新角度应用程序。当然detectChanges,每次点击按钮时从外部调用可以解决这个问题,但这不是一个干净的解决方案。事件绑定工作得很好,只是视图没有更新。

我已经查看了以下资源:ng-bootstrap/dropdown

我还尝试将下拉列表放在应用程序 html-tag 中:

所有代码都在这个存储库中

那么如何让更改检测对通过生成的模板正常工作Renderer2

0 投票
1 回答
28 浏览

angular - renderer2 set 属性中指定的角度访问函数

我有一个使用renderer.setProperty用“a href”替换表值的指令。

附加到“a href”的是“click”属性,我不确定如何访问该功能:“onClickAccountLink($event)”或向其添加编程功能。

我尝试在同一指令中添加相同的函数名称,但它似乎没有使用同一文件中指定的相同函数。

该指令附加到表格行中的值。

如何使我的 onClickAccountLink 函数可用?

0 投票
0 回答
40 浏览

javascript - Directive 中的 Angular 2 this.el.nativeElement 返回 DOM,但是当使用 querySelectorAll 时,它返回一个空的 NodeList

我想使用指令来修改 DOM,但是在this.el.nativeElement指令内部使用时,它返回 DOM 和我期望的所有元素,但是在使用querySelectorAll时返回一个空的 NodeList。

奇怪的是, usingAfterViewChecked解决了问题,但同时被多次触发,创建了多个按钮。AfterViewInit提供与 相同的结果OnInit

有谁知道可能出了什么问题并可以提供解决方案?

0 投票
0 回答
28 浏览

angular - 优化为真时的角度站点重新加载循环

我有一个 Angular 11 站点,它使用 Renderer2 将脚本文件加载到 DOM 中。

这可以正常工作并且可以完成这项工作,但是一旦我将优化设置为 true 的站点构建,站点就会在将脚本附加到 DOM 后立即进入重新加载循环。

我在这个站点上有很多事情和依赖关系,所以它可能与其他事情发生冲突,但谁能解释为什么只有在优化时才会出现问题?什么优化可能导致这种行为?