angular - 如何从锚标签点击事件Angular 7中获取数据

Question

干草在我的角度项目中，有搜索输入框。在这里，我想在单击锚标记时获取 id。我会尝试将点击功能放在锚标签上，但它没有用。你能帮助我吗。

角 7 cli

组件.html

<div class="form-group">
  <div class="search">
    <div class="input">
      <label for="exampleInputEmail1">Select Pharamacy</label>
      <input name="search" [(ngModel)]="searchText" autocomplete="off" class="form-control input-sm">
      <ul class="results">
        <li *ngFor="let data of pharmacyData | filterService : searchText; let i = index">

          <a (click)="selectedPharmacy(data.pharmacyId)"> {{data.pharmacyName}} </a>

        </li>
      </ul>
    </div>
  </div>
</div>

组件.ts

import { Component, OnInit } from '@angular/core';
import { ServerService } from 'src/app/server.service';

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



 pharmacyData : any;

  constructor(private serverService : ServerService) { }

  ngOnInit() {
    this.serverService.getAllPharmacyData().subscribe(
      (response:Response)=>{ 
        this.pharmacyData = response;    
        console.log(this.pharmacyData); 
      } 
    ); 
  } 

  selectedPharmacy(pharmacyId:any){
    console.log(pharmacyId);
  }

}

控制台日志

(2) [{…}, {…}]
0: {pharmacyId: 27, pharmacyName: "Medi"}
1: {pharmacyId: 28, pharmacyName: "Medi 2"}
length: 2
__proto__: Array(0)

标签： angularangular7