javascript - 在初始页面加载期间需要更改添加/编辑颜色

Question

• 我正在学习 angular2。
• 在初始页面加载期间，我需要更改添加/编辑首选项颜色。
• 你能告诉我如何解决吗？
• 我用谷歌搜索了加载事件。
• 但我什么也查不到。
• 在下面提供我的代码。

https://stackblitz.com/edit/angular-zddcxy?file=app/app.component.html

<!-- language-all: lang-or-tag-here -->

 public loadColor() {
      console.log('this.changeColor--->');
  }
    <span id="open1" (click)="loadColor()">add/edit prefrence</span>

Answer 1

使用 ngOnInit 和 ViewChild 装饰器

@ViewChild('open1') el:ElementRef;

  ngOnInit(): void {
  const span = this.el.nativeElement;
  span.style.color = 'red';
}

然后在 HTML 中添加 #open1 作为 ref

<span #open1 id="open1" (click)="loadColor()">add/edit prefrence</span>

参见 https://stackblitz.com/edit/angular-uvmusm?file=app/app.component.html