Question

我想使用elementRef移动组件的位置。我的下面的代码似乎很合理 - 但不起作用。为什么呢？

  ngAfterViewInit() {
      let element = this.elementRef.nativeElement
      element.style.color = "red" // WORKS!
      element.style.top = "100px" // NO EFFECT!
  }

这是我的示例的链接：https://stackblitz.com/edit/angular-qlzkkc?file=app%2Fhello.component.ts

Answer 1

这是css问题。例如，如果您添加element.style.position = "absolute"，则会发现top = "100px"有效。

Answer 2

top，bottom属性仅适用于定位元素。因此，通过向其添加任何位置属性可以解决问题。

例如

Date <- seq(as.Date(Sys.Date()-30), by=1, len=31)
Value <- runif(31)
dataTable <- data.frame(Date, Value)

density_plot = ggplot(dataTable, aes(x=Date, y = Value)) +
  geom_density(stat="identity", fill = "#4156C5") + 
  labs(fill = "Value", x = "Date", y = "Frequency")
ggplotly(density_plot)

elementRef.style.top =“100px”不起作用

2 个答案: