NumericTextBoxComponent kendo ui, как использовать в реактивной форме, установив атрибут formControlName (angular2)

Question

Я пытаюсь использовать kendo ui (Ver.RC0) NumericTextBoxComponent для angular2, но на api нет упоминания об атрибуте компонента "formControlName ».

Я хотел бы сделать что-то вроде этого, чтобы подтвердить контроль формы в FormGroup:

<kendo-numerictextbox [value]="myvalue" 
         formControlName ="myNumericFieldFormControl" 
         > 
</kendo-numerictextbox> 

Возможно ли это? Если да, то как?

Answer 1

Это похоже на работу в документации:

http://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/#toc-form-support

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

Вот является работоспособным plunker демо: http://plnkr.co/edit/FlTfasHq8wvRBzCsWbOK?p=preview