From 85d83375bf2a5e8ae0c647cf8e324b767503d7eb Mon Sep 17 00:00:00 2001
From: Andrew Yang <andrew.yang@rokt.com>
Date: Sat, 22 Jun 2019 18:56:58 +1000
Subject: [PATCH] feat(module:select): simplify template

---
 .../select/nz-select-top-control.component.html    | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/components/select/nz-select-top-control.component.html b/components/select/nz-select-top-control.component.html
index 059d3c69e93..913813c68a6 100644
--- a/components/select/nz-select-top-control.component.html
+++ b/components/select/nz-select-top-control.component.html
@@ -21,12 +21,9 @@
       class="ant-select-selection-selected-value"
       [attr.title]="nzSelectService.listOfCachedSelectedOption[0]?.nzLabel"
       [ngStyle]="selectedValueStyle">
-      <ng-container *ngIf="nzCustomTemplate; else noTemplate">
-        <ng-template [ngTemplateOutlet]="nzCustomTemplate" [ngTemplateOutletContext]="{ $implicit: nzSelectService.listOfCachedSelectedOption[0] }"></ng-template>
+      <ng-container *nzStringTemplateOutlet="nzCustomTemplate; context: { $implicit: nzSelectService.listOfCachedSelectedOption[0] }">
+        <div class="ant-select-selection__choice__content">{{ nzSelectService.listOfCachedSelectedOption[0]?.nzLabel }}</div>
       </ng-container>
-      <ng-template #noTemplate>
-        {{ nzSelectService.listOfCachedSelectedOption[0]?.nzLabel }}
-      </ng-template>
     </div>
     <!--show search-->
     <div *ngIf="nzShowSearch"
@@ -45,12 +42,9 @@
         [attr.title]="option.nzLabel"
         [class.ant-select-selection__choice__disabled]="option.nzDisabled"
         class="ant-select-selection__choice">
-        <ng-container *ngIf="nzCustomTemplate; else defaultMultipleTemplate">
-          <ng-template [ngTemplateOutlet]="nzCustomTemplate" [ngTemplateOutletContext]="{ $implicit: nzSelectService.listOfCachedSelectedOption[index] }"></ng-template>
-        </ng-container>
-        <ng-template #defaultMultipleTemplate>
+        <ng-container *nzStringTemplateOutlet="nzCustomTemplate; context:{ $implicit: nzSelectService.listOfCachedSelectedOption[index] }">
           <div class="ant-select-selection__choice__content">{{ option.nzLabel }}</div>
-        </ng-template>
+        </ng-container>
         <span *ngIf="!option.nzDisabled"
           class="ant-select-selection__choice__remove"
           (mousedown)="$event.preventDefault()"