モーダルポップアップは、角度2

Question

を用いたアクティブクラスの色を適用deosnt Iは前記モーダル体タブにモーダルポップアップを持っています。私はモーダルポップを起動するが、ときにアクティブなタブの色に適用されていません。私は素晴らしいことだ角度2. すべてのヘルプを使用してモーダルポップアップし、材料タブモジュールのモーダルNGX-ブートストラップを使用していました。

マテリアルコンポーネントリンク

<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> 

Answer 1

あなたのセッターの比較：のSelectedItem = iであなたのゲッターへ：selectedImageItem ===私