将jquery代码转换为angular，以便在从控制器调用函数时动态添加类

$("#myElement").addClass("myClass");

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div [ngClass]="{'myClass': isClassAdded}">My Element</div>
  `,
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  isClassAdded: boolean = false;

  addClass() {
    this.isClassAdded = true;
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div [ngClass]="{'myClass': isClassAdded}">My Element</div>
    <button (click)="addClass()">Add Class</button>
  `,
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  isClassAdded: boolean = false;

  addClass() {
    this.isClassAdded = true;
  }
}