如何使用ngx-bootstrap（Angular 4）从表中制作模式图像

Question

你好，我不知道要从数据表中打开模式图像，我已经显示了图像，但不知道要使用ngx-bootstrap打开模式图像。

这是我获取图片的功能

//Get Layout
public getLayout() {
    this.btnControl = false;

    this.roomlayoutService.getFileActive().subscribe(f => {
        this.roomLayouts = f;
        this.btnControl = true;
    },
        error => {
            this.btnControl = true;
            this.alertService.error(error.status, error.statusText, error._body);
        });
}

这是我的html表

                <div class="form-group row" [hidden]="showLayout == false">
                    <label for="layout" class="col-md-3 form-control-label">Layout</label>
                    <table style="width: 380px" class="border-0 table-wrapper-scroll" [mfData]="roomLayouts" #mf="mfDataTable">
                        <thead>
                            <tr>
                                <th *ngFor="let Layouts of mf.data" (click)="onLayoutSelect(Layouts)">
                                    <br>
                                    <div style="margin: auto; border: solid 1px"><input type="radio" name="checkbox" [checked]="Layouts.isSelected"
                                            (change)="Layouts.isSelected = !Layouts.isSelected" /> {{ Layouts.name
                                        }}</div>
                                    <br>
                                    <div style="margin: auto; border: solid 1px" class="mr-3"><img style="width: 100px" [src]="Layouts.url" /></div>
                                </th>
                            </tr>
                        </thead>
                    </table>
                </div>

有什么用ngx-bootstrap制作开放模式图像的想法吗？或使用脚本的其他想法？