Angular10 - 使用onClick事件更改多个css id 在Angular10中，我们可以使用onClick事件来更改多个css id。以下是实现此功能的步骤： 1. 在HTML文件中，为希望更改的元素添加一个唯一的id。例如，我们可以添加两_编程开发

Angular10 - 使用onClick事件更改多个css id 在Angular10中，我们可以使用onClick事件来更改多个css id。以下是实现此功能的步骤： 1. 在HTML文件中，为希望更改的元素添加一个唯一的id。例如，我们可以添加两

创始人

2024-10-21 14:02:13

0次

HTML文件：


元素1
元素2

组件的TypeScript文件：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  @ViewChild('element1', {static: true}) element1: ElementRef;
  @ViewChild('element2', {static: true}) element2: ElementRef;

  onClick() {
    this.element1.nativeElement.style.color = 'red';
    this.element2.nativeElement.style.background = 'blue';
  }
}

请注意，需要确保Angular的版本是10或更高。

这样，当点击按钮时，元素1的文本颜色将变为红色，元素2的背景颜色将变为蓝色。

上一篇：Angular10 - Safari错误：“提供的动画属性'offset'不是支持的CSS属性。”

下一篇：Angular10 - XHR加载失败：POST - 浏览器阻止了相同名称的域名的HTTP请求

Angular10 - 使用onClick事件更改多个css id 在Angular10中，我们可以使用onClick事件来更改多个css id。以下是实现此功能的步骤： 1. 在HTML文件中，为希望更改的元素添加一个唯一的id。例如，我们可以添加两

相关内容

热门资讯