0
我确实有一个模态弹出窗口,其中模态的主体标签。当我调用模式弹出窗口但活动选项卡颜色不适用。我使用模态ngx-bootstrap模式弹出和材料选项卡模块使用角度2. 任何帮助将是伟大的。由选项卡deosnt组成的模态弹出式应用使用角度2的活动类颜色
材料组件链接
<button md-button (click)="showLibrary()" class="upload-img-button"></button>
<!-- Image Library Popup -->
<div class="modal fade" bsModal #imageLibrary="bs-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
aria-hidden="true">
<div class="modal-dialog image-lib-popup">
<div class="modal-content">
<div class="modal-body img-library">
<button type="button" mdButton (click)="imageLibrary.hide()" class="close">
<md-icon class="material-icons">close</md-icon>
</button>
<md-tab-group class="tabs" [selectedIndex]="selectedTabIndex" >
<md-tab label="IMAGE LIBRARY">
<div [hidden]="options.imageType ==='images'">
<label class="title">Logos</label>
<div class="logo-section">
<ngx-gallery [options]="galleryOptions" [images]="galleryImages" (change)="getSelectedLogo($event)"></ngx-gallery>
<div class="">
<image-upload class="" (onUpload)="onUploadDone($event,'logo')" [uploadOptions]="uploadOptions" [cropOptions]="{imageType:'logo'}"> </image-upload>
</div>
</div>
</div>
<div class="image-gallery" [hidden]="options.imageType ==='logo'">
<!--<label class="title">Images</label>-->
<ul class="logos">
<li class="" *ngFor="let image of imagesList;let i = index" (click)="imageSelected(i);selectedItem = i" [attr.data-index]="i"
[ngClass]="{ 'img-media-container' : selectedImageItem === i }">
<img src={{image}}/>
</li>
</ul>
</div>
<div class="d-flex justify-content-end abs-button">
<button md-button class="button blue-btn " (click)="setSelectedImages()" [disabled]="chooseFromLibrary">Continue</button>
</div>
</md-tab>
<md-tab label="UPLOAD IMAGES">
<label class="title"></label>
<image-upload class="" (onUpload)="onUploadDone($event,'images')" [uploadOptions]="uploadOptions" [cropOptions]="{imageType:'image'}"> </image-upload>
</md-tab>
</md-tab-group>
</div>
</div>
</div>
</div>
,但我关心的是活动类适用于图片库和底部边框会得到紫色。 –
你可以看看上面的图片,以供参考。 –