0

私は剣道UIの(Ver.RC0)NumericTextBoxComponentをangular2にしようとしていますが、APIではコンポーネント属性 "formControlName "NumericTextBoxComponent kendo ui、属性formControlName(angular2)を設定して反応的なフォームで使用する方法

私はFormGroupでフォームコントロールを検証するために、このような何かをしたいと思います:

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

これは可能ですか?はいの場合、どうですか?

答えて

0

マニュアルに動作するようです:

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

関連する問題