angular 2在引导程序弹出窗口中显示表格行数据

时间:2017-12-02 13:51:06

标签: html twitter-bootstrap angular popup

我有一个html表,在我的angular 2应用程序中使用ng-For创建。

<table class="table table-striped table-condensed">
            <thead>
                <tr>
                    <th>Doctor </th>
                    <th>Patient Name</th>
                    <th>Age </th>
                    <th>Other Info</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let meeting of historyItems">
                    <td>{{meeting.doctorName}}</td>
                    <td>{{meeting.patientName}}</td>
                    <td>{{meeting.patientAge}}</td>
      <td>
                    <button class="btn btn-default" type="button" (click)="onDisplayInfo(meeting)"  >Info</button>
                </td>

                </tr>
            </tbody>
        </table>

单击行中的按钮,我需要在引导程序弹出窗口中显示行中的所有信息。 但我搜索了很多,无法找到一种方法来显示弹出窗口中的每一行数据。

我怎么能显示带有静态内容的弹出窗口,但我需要显示一个带有点击行信息的动态弹出窗口。

是轻松实现的任何方式

0 个答案:

没有答案