From ca42f0099ae08f6fe57e4abe74a0bd8ef4927729 Mon Sep 17 00:00:00 2001
From: "SangKa.Z" <sangka23@163.com>
Date: Sat, 30 Sep 2017 10:39:49 +0800
Subject: [PATCH] feat(module:collapse): support custom header (#383)

---
 src/components/collapse/nz-collapse.component.ts    | 7 ++++++-
 src/showcase/nz-demo-collapse/nz-demo-collapse.html | 6 ++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/collapse/nz-collapse.component.ts b/src/components/collapse/nz-collapse.component.ts
index e4326debbfe..d1d6a3fc3e4 100644
--- a/src/components/collapse/nz-collapse.component.ts
+++ b/src/components/collapse/nz-collapse.component.ts
@@ -18,7 +18,12 @@ import { NzCollapsesetComponent } from './nz-collapseset.component'
   template     : `
     <div class="ant-collapse-header" [attr.aria-expanded]="_active" (click)="clickHeader($event)" role="tab">
       <i class="arrow"></i>
-      {{ nzTitle }}
+      <ng-template [ngIf]="nzTitle">
+        {{ nzTitle }}
+      </ng-template>
+      <ng-template [ngIf]="!nzTitle">
+        <ng-content select="[collapse-title]"></ng-content>
+      </ng-template>
     </div>
     <div class="ant-collapse-content" [@collapseState]="_active?'active':'inactive'">
       <div class="ant-collapse-content-box">
diff --git a/src/showcase/nz-demo-collapse/nz-demo-collapse.html b/src/showcase/nz-demo-collapse/nz-demo-collapse.html
index e1c12a6e691..e4bec97f470 100644
--- a/src/showcase/nz-demo-collapse/nz-demo-collapse.html
+++ b/src/showcase/nz-demo-collapse/nz-demo-collapse.html
@@ -108,6 +108,12 @@ <h3 id="Collapse.Panel"><span>nz-collapse</span>
           <td>Boolean</td>
           <td>false</td>
         </tr>
+        <tr>
+          <td>[collapse-title]</td>
+          <td>与nzTitle二选一，定义面板头内容</td>
+          <td>ng-content</td>
+          <td>无</td>
+        </tr>
       </tbody>
     </table>
   </section>