在angular2中加载组件之前，请使用动态ID调用API

Question

我有 company.component.ts 和 company.component.html

我有 companyDeatials.component.ts 和 companyDeatials.html


company.component.html

<div class="container">

  <div *ngFor = "let company of companies" >
      <div class="card card-1 " id="wrapper" routerLink='/company-detail/{{company["_id"]}}' > 
          <label class="center"> 
              {{company["comapny_name"]}} 
         </label> 
    </div>

  </div>  

• 当我点击 ..div class =“card card-1 ... 时，它会加载新的 组件 routerLink ='/ company-detail / {{company [“_ id”]}}'其中 id是动态的。

• 我希望每当用户点击 .. div class =“card card-1 ... I时 想将 GET API称为“/ api / company / {{company [”_ id“]}}”， 加载这个 companyDeatials.component.ts 以及GET方法的响应
• 我怎么做到这一点。就像传递ID一样 company.component.html 到 companyDeatials.component.ts 并执行api调用，然后加载 companyDeatials.component.ts 。