有点混淆如何在angular2 beta中使用Forms(模板或模态驱动froms).
@H_403_20@目前我正在使用模态驱动的表单,但在这里得到一些错误是我的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>
和form.ts文件在这里:
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)); } }
所以,我的问题是:
>哪种形式是最好的模板或模态驱动,为什么?
>何时使用ngControl以及何时使用ngModal?
PS: – 在这个例子中,我无法得到单选按钮和复选框的值,我做错了什么,在这个例子中我是模态驱动形式从here?
任何好的参考或例子都是受欢迎的.
谢谢.