Forms NumericTextBoxComponent kendo ui,如何通过设置属性formControlName(angular2)在反应式表单中使用
我正在尝试angular2的KendoUI(Ver.RC0)NumericTextBoxComponent,但在api中没有提到组件属性“formControlName” 我想这样做来验证FormGroup中的form控件:Forms NumericTextBoxComponent kendo ui,如何通过设置属性formControlName(angular2)在反应式表单中使用,forms,angular,kendo-ui,kendo-ui-angular2,kendonumerictextbox,Forms,Angular,Kendo Ui,Kendo Ui Angular2,Kendonumerictextbox,我正在尝试angular2的KendoUI(Ver.RC0)NumericTextBoxComponent,但在api中没有提到组件属性“formControlName” 我想这样做来验证FormGroup中的form控件: <kendo-numerictextbox [value]="myvalue" formControlName ="myNumericFieldFormControl" >
<kendo-numerictextbox [value]="myvalue"
formControlName ="myNumericFieldFormControl"
>
</kendo-numerictextbox>
这可能吗?如果是,如何操作?在文档中似乎起作用:
@组件({
选择器:“我的应用程序”,
模板:`
只有介于-10和20之间的值才有效
{{{form.controls.numeric.errors | json}
`
})
导出类AppComponent{
公共形式:FormGroup;
构造函数(专用formBuilder:formBuilder){
this.form=this.formBuilder.group({
数字:[20]
});
}
}
下面是一个可运行的plunker演示:
@Component({
selector: 'my-app',
template: `
<h4>Only values between -10 and 20 are valid</h4>
<form [formGroup]="form">
<kendo-numerictextbox formControlName="numeric" [min]="-10" [max]="20"></kendo-numerictextbox> <br />
<p *ngIf="form.controls.numeric.errors">{{form.controls.numeric.errors | json}}</p>
</form>
`
})
export class AppComponent {
public form: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.form = this.formBuilder.group({
numeric: [20]
});
}
}