title: Forms In angular2
body: <p>Bit confused about how to use Forms(template or modal driven froms) in the angular2 beta.</p>
  
  <p>currently i am using modal driven forms but getting some error here is my form.html: </p>
  
  <pre><code>&lt;form [ngFormModel]="demo"&gt;
          &lt;input type="text"  [ngFormControl]="demo.controls['name']"&gt;
          &lt;input type="text"  [ngFormControl]="demo.controls['batch']"&gt;
          &lt;div&gt; 
              &lt;input type="radio" [ngFormControl]="demo.controls['radio']" name="status" value="true"&gt; Active
              &lt;input type="radio" [ngFormControl]="demo.controls['radio']" name="status" value="false"&gt;Inactive 
          &lt;/div&gt;
          &lt;div&gt; 
              &lt;input type="checkbox" [ngFormControl]="demo.controls['checkbox']" name="one" value="one"&gt; one
              &lt;input type="checkbox" [ngFormControl]="demo.controls['checkbox']" name="two" value="two"&gt;two 
          &lt;/div&gt;
          &lt;select [ngFormControl]="demo.controls['select']"&gt;
              &lt;option value="one"&gt;Oone&lt;/option&gt;
              &lt;option value="two"&gt;two&lt;/option&gt;
              &lt;option value="three"&gt;three&lt;/option&gt;
              &lt;option value="four"&gt;four&lt;/option&gt;
          &lt;/select&gt;
          &lt;button type="button" class="btn btn-primary btn-lg" data-dismiss="modal" (click)="demoSubmit(demo.value)"&gt;Done&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and form.ts file is here: </p>
  
  <pre><code>import {Component, View} from 'angular2/core';
  import {FORM_DIRECTIVES, CORE_DIRECTIVES, FormBuilder, Control, ControlGroup} from 'angular2/common';
  import {ROUTER_DIRECTIVES} from 'angular2/router';
  
  @Component({
      selectro: 'Form',
      templateUrl: 'src/components/form/form.html',
      directives: [CORE_DIRECTIVES, FORM_DIRECTIVES],
  })
  export class FormDemo{
      demo:ControlGroup;
      constructor(fb:FormBuilder){
          console.log("Form Called");
  
          this.demo= fb.group({
              name: ["pardeep"],
              batch: [],
              checkbox: [],
              radio: [],
              select: []
          })
      }
      demoSubmit (){
          console.log(JSON.stringify(this.demo.value));
      }
  }
  </code></pre>
  
  <p>so, my questions is:</p>
  
  <ol>
  <li>which form is best template or modal driven and why ?</li>
  <li>when to use ngControl and when to use ngModal ?</li>
  </ol>
  
  <p>PS:- in this example i am unable to get the values of radio button and check-box selected am i doing something wrong, in this example i am modal driven form From <a href="http://blog.ng-book.com/the-ultimate-guide-to-forms-in-angular-2/" rel="nofollow">here</a>?</p>
  
  <p>any good reference or example is welcome.
  thanks.</p>