From c19c69f336ddb3b64584f0ecb8d09b7417a3bce1 Mon Sep 17 00:00:00 2001
From: gdi2290 <github@gdi2290.com>
Date: Tue, 26 May 2015 21:59:09 -0700
Subject: [PATCH] refactor(forms): remove self closing wrap <label>s

html5 doesn't have self closing tags
breaks `stringifyElement` from
https://github.com/angular/angular/pull/2106

also an error with submit form and wrap with <label>s
---
 modules/examples/src/forms/index.ts | 53 +++++++++++++++++------------
 1 file changed, 32 insertions(+), 21 deletions(-)

diff --git a/modules/examples/src/forms/index.ts b/modules/examples/src/forms/index.ts
index 87c84956f4..a69d53729d 100644
--- a/modules/examples/src/forms/index.ts
+++ b/modules/examples/src/forms/index.ts
@@ -21,24 +21,30 @@ import {print} from 'angular2/src/facade/lang';
   template: `
       <div [control-group]="header">
         <div>
-          <label>Title:</label> <br/>
-          <input type="text" control="title"/>
+          <label>
+            Title: <br>
+            <input type="text" control="title">
+          </label>
           <div *ng-if="! header.controls.title.valid && header.controls.title.dirty">
             Title is required
           </div>
         </div>
 
         <div>
-          <label>Description:</label> <br/>
-          <textarea control="description"></textarea>
+          <label>
+            Description: <br>
+            <textarea control="description"></textarea>
+          </label>
           <div *ng-if="! header.controls.description.valid && header.controls.description.dirty">
             Description is required
           </div>
         </div>
 
         <div>
-          <label>Publish Date:</label> <br/>
-          <input type="date" control="date"/>
+          <label>
+            Publish Date: <br>
+            <input type="date" control="date">
+          </label>
         </div>
       </div>
   `,
@@ -69,29 +75,35 @@ class HeaderFields {
 
       <div [control-group]="question">
         <div>
-          <label>Type:</label> <br/>
-          <select control="type">
-            <option value=""></option>
-            <option value="text">Text</option>
-            <option value="checkbox">Checkbox</option>
-            <option value="textarea">Textarea</option>
-          </select>
+          <label>
+            Type: <br>
+            <select control="type">
+              <option value=""></option>
+              <option value="text">Text</option>
+              <option value="checkbox">Checkbox</option>
+              <option value="textarea">Textarea</option>
+            </select>
+          </label>
           <div *ng-if="! question.controls.type.valid && question.controls.type.dirty">
             Type is required
           </div>
         </div>
 
         <div>
-          <label>Question:</label> <br/>
-          <input type="text" control="questionText">
+          <label>
+            Question: <br>
+            <input type="text" control="questionText">
+          </label>
           <div *ng-if="! question.controls.questionText.valid && question.controls.questionText.dirty">
             Question is required
           </div>
         </div>
 
         <div *ng-if="question.contains('responseLength')">
-          <label>Response Length:</label> <br/>
-          <input type="number" control="responseLength">
+          <label>
+            Response Length: <br>
+            <input type="number" control="responseLength">
+          </label>
           <div *ng-if="! question.controls.responseLength.valid && question.controls.responseLength.dirty">
             Length is required
           </div>
@@ -187,12 +199,11 @@ class SurveyBuilder {
 
   submitForm(): void {
     print('Submitting a form');
-    print(`"value: ${this.form.value}`);
-    print(` valid: $ { this.form.valid } `);
-    print(` errors: $ { this.form.errors }`);
+    print(` value: ${ this.form.value }`);
+    print(` valid: ${ this.form.valid }`);
+    print(` errors: ${ this.form.errors }`);
   }
 }
-
 export function main() {
   bootstrap(SurveyBuilder);
 }