widness
3/7/2018 - 5:10 PM

modal trigger

     public modalTriggered: boolean = true;
    
    // Open the modal 
    modalTrigger(){
      if(this.modalTriggered){
        return "none";
      } else{
        
        return "block";
      }
    }
<div [style.display]="modalTrigger()" class="archive-modal">

  <p class="arrow-down" (click)="modalTriggered = !modalTriggered;"><i class="fa fa-angle-down fa-5x"></i></p>
  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-body container">
      <div class="row">
        <article *ngFor="let k of allKundenmeinungen" class="col-12 col-sm-12 col-md-6 col-lg-6">
          <div class="archive-content">
            <a>
              <img [src]="'https://manager.winsun.ch' + k.image.data.url " />
              <h2>{{k.name}}</h2>
              <small>{{k.content}}</small>
              <p>{{k.info}}</p>
            </a>
          </div>
        </article>
      </div>
    </div>
  </div>
  
</div>