From f4338ebe8d14cd2643b60f276abc4b5af198420b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B3zsef=20Farkas?= <fjozsef001@gmail.com>
Date: Fri, 6 May 2016 17:36:13 +0200
Subject: [PATCH] Fix multiple structural directive bug

---
 src/components/svg-keyboard-key.component.ts | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/svg-keyboard-key.component.ts b/src/components/svg-keyboard-key.component.ts
index d35c5a22..7856b5a7 100644
--- a/src/components/svg-keyboard-key.component.ts
+++ b/src/components/svg-keyboard-key.component.ts
@@ -33,13 +33,14 @@ enum LabelTypes {
                     [attr.x]="width / 2"
                     dy="0"
                     >{{ labelSource[0] }}</tspan>
-                <tspan
-                    *ngIf="labelSource.length === 2"
-                    *ngFor="let label of labelSource; let index = index"
-                    [attr.x]="width / 2"
-                    [attr.y]="(0.75 - index * 0.5) * height"
-                    dy="0"
-                    >{{ label }}</tspan>
+                <template [ngIf]="labelSource.length === 2">
+                    <tspan
+                        *ngFor="let label of labelSource; let index = index"
+                        [attr.x]="width / 2"
+                        [attr.y]="(0.75 - index * 0.5) * height"
+                        dy="0"
+                        >{{ label }}</tspan>
+                </template>
          </svg:text>
          <svg:use [attr.xlink:href]="labelSource"
                 [attr.width]="width / 3" [attr.height]="height / 3"