如何在angular中更改组件后执行javascript？

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

@Component({
  selector: 'app-my-component',
  template: '<p>My Component</p>'
})
export class MyComponent implements AfterViewInit {
  ngAfterViewInit() {
    // 在组件视图初始化完成后执行的代码
    // 执行你的JavaScript代码
  }
}

import { Directive, ElementRef, AfterViewInit } from '@angular/core';

@Directive({
  selector: '[appCustomDirective]'
})
export class CustomDirective implements AfterViewInit {
  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    // 在组件视图初始化完成后执行的代码
    // 执行你的JavaScript代码
    const element = this.elementRef.nativeElement;
    // 修改DOM元素或执行其他操作
  }
}

<app-my-component appCustomDirective></app-my-component>

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

@Injectable()
export class MyService {
  executeJavaScript() {
    // 执行你的JavaScript代码
  }
}

import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  template: '<p>My Component</p>'
})
export class MyComponent {
  constructor(private myService: MyService) {}

  changeComponent() {
    // 更改组件后执行JavaScript代码
    this.myService.executeJavaScript();
  }
}