如何在角度11中的component.ts中调用href中的函数

Posted 2023-03-05

【中文标题】如何在角度11中的component.ts中调用href中的函数

【英文标题】：How to call function in href inside component.ts in angular 11

【发布时间】：2021-08-23 03:34:22

【问题描述】：

我有这个函数 filterHospitals 来过滤医院。然后我有一个 infoWindow 来显示信息。我想在点击href时调用这个函数

filterHospitals() 
    this.hospitals = this.filterByValue(this.datasource, this.filterValue);
    this.total = this.hospitals.length;

    this.deleteMarkers();
    this.populateMapMarker();
  

  filterByValue(items: Hospital[], filter: string) 
    return items.filter((o) =>
      Object.keys(o).some((k) => 
        if (k === 'facilityName' || k === 'facilityCategory' || k === 'clusterFacility' || k === 'stateDesc') 
          return o[k].toLowerCase().includes(filter.toLowerCase());
        
        return null;
      )
    );
  

marker.addListener('click', () => 
        let infoWindowContent =
          '<a href="filterHospitals()"><strong>' +
          this.camelize(this.hospitals[i].facilityName) +
          '</strong></a><br/>' +

点击href时如何将参数传递给函数？

【参考方案1】：

marker.addListener('click', () => 
    let infoWindowContent =
      '<a href="filterHospitals(facility.getAttribute(\'id\'))"
            id="'+this.hospitals[i].id+'" #facility><strong>' +
      this.camelize(this.hospitals[i].facilityName) +
      '</strong></a><br/>' +