feat(package): Using ngTemplateOutletContext instead of deprectaded n…

…gOutletContext (#2659)
valor-software · Sep 28, 2017 · ae2ace3 · ae2ace3
1 parent 8f07137
commit ae2ace3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/sortable/sortable.component.ts b/src/sortable/sortable.component.ts
@@ -40,7 +40,7 @@ import { DraggableItemService } from './draggable-item.service';
         (dragover)="onItemDragover($event, i)"
         (dragenter)="cancelEvent($event)"
     ><ng-template [ngTemplateOutlet]="itemTemplate || defItemTemplate"
-  [ngOutletContext]="{item:item, index: i}"></ng-template></div>
+  [ngTemplateOutletContext]="{item:item, index: i}"></ng-template></div>
 </div>
 
 <ng-template #defItemTemplate let-item="item">{{item.value}}</ng-template>  

diff --git a/src/typeahead/typeahead-container.component.html b/src/typeahead/typeahead-container.component.html
@@ -1,6 +1,6 @@
 <!-- inject options list template -->
 <ng-template [ngTemplateOutlet]="optionsListTemplate || (isBs4 ? bs4Template : bs3Template)"
-             [ngOutletContext]="{matches:matches, itemTemplate:itemTemplate, query:query}"></ng-template>
+             [ngTemplateOutletContext]="{matches:matches, itemTemplate:itemTemplate, query:query}"></ng-template>
 
 <!-- default options item template -->
 <ng-template #bsItemTemplate let-match="match" let-query="query"><span [innerHtml]="hightlight(match, query)"></span>
@@ -14,7 +14,7 @@
       <li *ngIf="!match.isHeader()" [class.active]="isActive(match)" (mouseenter)="selectActive(match)">
         <a href="#" (click)="selectMatch(match, $event)" tabindex="-1">
           <ng-template [ngTemplateOutlet]="itemTemplate || bsItemTemplate"
-                       [ngOutletContext]="{item:match.item, index:i, match:match, query:query}"></ng-template>
+                       [ngTemplateOutletContext]="{item:match.item, index:i, match:match, query:query}"></ng-template>
         </a>
       </li>
     </ng-template>
@@ -32,7 +32,7 @@ <h6 *ngIf="match.isHeader()" class="dropdown-header">{{ match }}</h6>
         (mouseenter)="selectActive(match)"
         [class.active]="isActive(match)">
         <ng-template [ngTemplateOutlet]="itemTemplate || bsItemTemplate"
-                     [ngOutletContext]="{item:match.item, index:i, match:match, query:query}"></ng-template>
+                     [ngTemplateOutletContext]="{item:match.item, index:i, match:match, query:query}"></ng-template>
       </button>
     </ng-template>
   </ng-template>