From 272de8d4b9a895191c4ac4ce1b3bbcb4fe463b0e Mon Sep 17 00:00:00 2001
From: Nir Weber <webernir@bina-fin.co.il>
Date: Sun, 19 Feb 2017 15:19:50 +0200
Subject: [PATCH] added custom template case option (using ng-content)

---
 src/inline-editor.component.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/inline-editor.component.ts b/src/inline-editor.component.ts
index bc34b27..584bac5 100644
--- a/src/inline-editor.component.ts
+++ b/src/inline-editor.component.ts
@@ -50,6 +50,9 @@ const INLINE_EDITOR_TEMPLATE = `
           <a [ngClass]="{'editable-empty': isEmpty }"
             (click)="edit(value)" [hidden]="editing"> {{optionSelected()}} </a>
         </template>
+        <template [ngSwitchCase]="'custom'">
+            <a [ngClass]="{'editable-empty': isEmpty }" (click)="edit(value)" [hidden]="editing" [innerHTML]="showText()"></a>
+        </template>
         <template ngSwitchDefault>
             <a [ngClass]="{'editable-empty': isEmpty }"  (click)="edit(value)" [hidden]="editing">{{ showText() }}</a>
         </template>
@@ -86,6 +89,9 @@ const INLINE_EDITOR_TEMPLATE = `
                     </template>
                     </select>
                 </template>
+                <template [ngSwitchCase]="'custom'">
+                    <ng-content #inlineEditControl class="form-control" select="div"></ng-content>
+                </template>
                 <template ngSwitchDefault>
                     <input [type]="type"  #inlineEditControl class="form-control" [(ngModel)]="value"
                       [required]="required" [placeholder]="placeholder" [disabled]="disabled"  [name]="name"