Forms In angular2

Bit verwirrt über die Verwendung von Formularen (Template oder Modal Driven Froms) in der angle2-Beta.

erzeit verwende ich modalgesteuerte Formulare, aber hier wird ein Fehler angezeigt: form.html:

<form [ngFormModel]="demo">
        <input type="text"  [ngFormControl]="demo.controls['name']">
        <input type="text"  [ngFormControl]="demo.controls['batch']">
        <div> 
            <input type="radio" [ngFormControl]="demo.controls['radio']" name="status" value="true"> Active
            <input type="radio" [ngFormControl]="demo.controls['radio']" name="status" value="false">Inactive 
        </div>
        <div> 
            <input type="checkbox" [ngFormControl]="demo.controls['checkbox']" name="one" value="one"> one
            <input type="checkbox" [ngFormControl]="demo.controls['checkbox']" name="two" value="two">two 
        </div>
        <select [ngFormControl]="demo.controls['select']">
            <option value="one">Oone</option>
            <option value="two">two</option>
            <option value="three">three</option>
            <option value="four">four</option>
        </select>
        <button type="button" class="btn btn-primary btn-lg" data-dismiss="modal" (click)="demoSubmit(demo.value)">Done</button>
</form>

ie Datei "@and form.ts" befindet sich hier:

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));
    }
}

so, meine Fragen sind:

Welche Form ist die beste Vorlage oder modal angetrieben und warum?wann ngControl verwenden und wann ngModal verwenden?

PS: - In diesem Beispiel kann ich die Werte der Optionsschaltfläche und des Kontrollkästchens nicht abrufen, wenn ich etwas falsch mache. In diesem Beispiel ist die modalgesteuerte Form FromHie?

Jede gute Referenz oder Beispiel ist willkommen. Vielen Dank

Antworten auf die Frage(10)

Ihre Antwort auf die Frage