问题标签 [angular-renderer]

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

我写了如下代码

这工作正常。但我直接访问document.body. 是否有角度 2/4 的访问方式document.body？

是否可以使用添加内联样式 css 变量Renderer2？

我尝试了以下但它不起作用。

'--expanded' 不是适当的 css 属性，因此 angular 不会向我的 div 添加任何样式。

如果我确实添加了适当的 css 属性，它将像下面的代码一样工作。

我的 div 的输出将是

我想实现以下目标

我也尝试过[ngStyle]，但是除了样式属性之外，它也不会呈现任何值。

输出到

我正在学习 Angular 2。我正在使用 Angular 2 构建一个简单的 CRUD 应用程序。我遇到了一个问题，插入记录后，表在客户端没有刷新，但是，它正在插入数据库中。但是如果我重新加载网页，它正在更新记录，但如果我添加新记录、更新记录或删除记录，则不会更新或刷新表。我的代码有什么问题？

app.component.ts

app.component.html

book.component.ts

即使我尝试在 addBook()、deleteBook()、updateBook() 的末尾调用 this.getBooks() 方法，但它仍然没有刷新或更新。只有当我们重新加载网页时它才会更新或刷新。

book.component.html

book.service.ts

app.module.ts

我的代码有什么问题？或者怎么做？提前致谢：）

我正在尝试将 Vanilla JavaScript 代码转换为 Angular 2+。

在 Javascript 中，我有这样的声明：

在 Angular 中，我发现复制上述语句的唯一方法是这样的：

问题：如果我在不同时间动态设置了多个自定义属性（--cssVariable1、--cssVariable2...）。Angular Renderer 将覆盖 style 属性，而不是附加到 style 属性。

渲染器可以用来实现这个功能吗？如果没有，是否有在 Angular 中使用 CSS 自定义属性的首选方式？谢谢！

我有一个（微调器）指令，可以.spinner使用@HostBinding. 它还会在激活时添加/删除img(spinner.gif)。

如果主机上存在，则应用文件中.spinner定义的一堆样式：scss

我想在我的指令中将这些样式应用到主机上。仅当某个类使用Renderer2and存在时，是否可以在主机上应用样式ElementRef？

这显然不起作用：

I am trying to use angular Renderer2 to add and remove a class in HTML template. Here I am facing the difficulties:

1. to add the class once component will load
2. Only the selected item should have the class

I have created a demo in stackblitz. Please click here to see code.

Thank you.

我在我的项目中与 Angular 8 一起使用 Openlayers 6。到目前为止，我注意到每当我将鼠标悬停在 Openlayers 地图上时，地图所在的 Angular 组件都会重新渲染。

我的问题是如何让父组件一直停止在悬停时重新渲染。因为它会减慢应用程序的速度。我的项目中有一个更大的组件，因此重新渲染所有内容，这会使应用程序本身变慢。

为此，我创建了一个仓库来证明这一点：https ://github.com/petrovichm/angular-openlayers-hover-problem 。在此示例中，我在 html 中添加了一个方法，该方法将在运行时记录下来，从而概述了角度重新渲染组件的次数。

我想用 plunker 或 codesanbox 创建在线可运行但当我让这个示例窗口冻结时，因为重新渲染中有无限循环，这使得它们无法使用，当我在本地运行这个项目时并没有发生这种情况，它只发生在徘徊

谢谢。

我在一个数组中有多个发布数据。我想渲染每个帖子。有两种渲染方法：

1：创建一个可重用的组件，并在 *ngFor 内部多次调用它

2：创建组件并在组件内部传递数组

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

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