各アイテムの詳細をモーダルng2ブートストラップに渡すにはどうすればよいですか？

Question

私は、アイテムの詳細を表示するにはng2-bootstrap modal

を使用しています。それぞれのアイテムをクリックすると、それぞれの詳細がモーダルに表示されます。私は私が唯一、それぞれのユーザーその他の詳細を通過したいそれぞれの行をクリックすると、ここで

は私のコード

<table class="table table-hover table-bordered table-striped tableheader"> 
<thead> 
    <tr> 
    <th>First Name</th> 
    <th>Last Name</th> 
    <th>Gender</th> 
    <th>City</th> 
    <th>Country</th> 
    <th>Age</th> 
    </tr> 
</thead> 
    <tbody *ngFor="let item of results$ | async" > 
    <tr (click)="lgModal.show(item)"> 
     <td> 
     {{item.firstName}} 
     </td> 
     <td>{{item.lastName}}</td> 
     <td>{{item.gender}}</td> 
     <td>{{item.city}}</td> 
     <td>{{item.country}}</td> 
     <td>{{item.age}}</td> 
    </tr> 
    </tbody> 
</table> 

ですが、それは同じであるモーダルに私の結果$の完全なJSONを渡していますコンポーネント

<div bsModal #lgModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" (click)="lgModal.hide()" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     <h4 class="modal-title">Complete Details</h4> 
     </div> 
     <div class="modal-body"> 
     <div > 
      {{ item | json }} // not getting item details here 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

これをどのように行うには？

Answer 1

これがわかりました。

もう1つの関数を作成し、その関数呼び出しによって必要なデータを渡しました。私component.ts

public selecteditem: Observable<Object>; 

onClick(item:any, lgModal:any){ 

    this.selecteditem = item; 

    lgModal.show() 

    // console.log(this.selecteditem); // print in console 

} 

（component.html中）モーダル体

<div class="modal-body"> 

    <pre>{{ selecteditem | json }} </pre> 

     // Example 

     <h5>SChool Name:{{selecteditem?.schoolName}}</h5> 

     </div> 

Answer 2

私があなたの質問を理解していれば、それぞれのアイテムIDをあなたのリストUIからモーダルに渡すのを忘れてしまいました。例：
をクリックして、モーダルでクリックしたレコードの詳細を表示するだけです。モーダルについては、その単数のレコードで再度繰り返す必要はありません。

私はこれが正しいとあなたに役立つことを望みます。