如何将静态定义的HTMl内容和java服务返回的click事件绑定到angular组件

<div>
  静态HTML内容
</div>

import { JavaService } from 'path/to/java.service';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {

  constructor(private javaService: JavaService) { }

  ngOnInit(): void {
    // 在组件初始化时调用Java服务的相关方法
    this.javaService.someMethod().subscribe((result) => {
      // 处理Java服务返回的结果
    });
  }

}

<div (click)="handleClick()">
  静态HTML内容
</div>

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {

  handleClick(): void {
    // 处理click事件
  }

}