Forms NumericTextBoxComponent kendo ui,如何通过设置属性formControlName(angular2)在反应式表单中使用

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" >

我正在尝试angular2的KendoUI(Ver.RC0)NumericTextBoxComponent,但在api中没有提到组件属性“formControlName”

我想这样做来验证FormGroup中的form控件:

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