How add checked/unchecked All with custom template?

[ivanferrer]

I noticed that param enableCheckAll:true, when customizing the layout the checkall does not appear. How to make it appear, in this case?

<angular2-multiselect [data]="dataSource" [(ngModel)]="dataSourceSelected" 
   (onOpen)="onOpen(dataSource, $event)" 
   (onClose)="onClose(dataSource, $event)" 
   (onDeSelectAll)="onDeSelectAll($event)" 
   (onDeSelect)="onDeSelect($event)" 
   (onDropDownClose)="onDropDownClose($event)" 
   (onFilterChange)="onFilterChange($event)" 
   (onSelectAll)="onSelectAll($event)" 
   (onItemSelect)="onItemSelect($event)" 
   [settings]="dropdownSettings">
   <c-clear>...???...</c-clear> <! --how custom layout to selectAll / deselectAll here... -->
     <c-badge>
       <ng-template let-item="item">
         <!-- selected --> 
         <span><strong>{{label}}</strong></span>
         <span class="pl-2 pr-2 photo-selected" *ngIf="hasPhoto">
           <img class="share-photo" width="24" height="24" onError="this.src='/assets/img/participant.jpg'"
           [src]="getPhotoUrl(item?.id) | async" alt="profile">
         </span>
         <span class="selected-text">{{item.name}}</span>
       </ng-template>
   </c-badge>
   <c-item>
     <!-- list -->
         <ng-template let-item="item">
           <div class="d-flex"> 
             <span class="pl-2 pr-2 foto-minor" *ngIf="hasPhoto">
               <img class="share-photo" width="32" height="32" onError="this.src='/assets/img/participant.jpg'"
               [src]="getPhotoUrl(item?.id) | async" alt="profile">
             </span>
             <span>{{item.name}}</span>
         </div>
         </ng-template>
   </c-item>
 </angular2-multiselect>