Как сделать модальное изображение из таблицы с помощью ngx-bootstrap (Angular 4) - PullRequest
Новая
       37

Как сделать модальное изображение из таблицы с помощью ngx-bootstrap (Angular 4)

0 голосов
/ 23 января 2019

Здравствуйте, я не знаю, как открыть модальное изображение из таблицы данных, я уже показываю изображение, но не знаю, как открыть модальное изображение с помощью 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? или другая идея со сценарием?

...