md-input maxlengthが動作しない

Question

maxLength = "250"を追加しても、agular2-material md-inputに値を入力できます。

1. 私は250文字の後にテキストを入力すると、入力フィールドを無効にすることができとにかくあります。
2. maxLenthの代替手段はありますか？

   <div class="form-group"> 
       <md-input type="text" required placeholder="Name" formControlName="name" #nameCountHint 
         maxLength="250" class="full-width" dividerColor="{{changeForm.controls.name.valid ? 'primary': 'accent'}}"> 
       <md-hint align="end">{{nameCountHint.characterCount}}/250</md-hint> 
       </md-input> 
       <agile-control-messages color="primary" [control]="teamForm.controls.name"></agile-control-messages> 
   </div> 
   

   すべてのヘルプは素晴らしいことだ：

私のフォーム入力は次のようです。

Answer 1

この簡単なデモで検証方法がわかりましたが、おそらくそれが役立つかもしれません。

コンポーネントテンプレート：

<form [ngFormModel]="someFormHandle" 
      [(ngSubmit)="onSubmit()"> 

      <input class="form-control" 
        [ngFormControl]="someNumber"> 

      <button class="btn btn-primary" 
        [disabled]="!someFormHandle.valid"> 
        Submit 
      </button> 
</form> 

コンポーネント：

@Component({ 
    selector: 'some-form', 
    templateUrl: './some-form.component.html', 
    directives: [FORM_DIRECTIVES] 
}) 
export class SomeForm implements OnInit { 

    someFormHandle:ControlGroup; 
    someNumber:AbstractControl; 

    constructor(private formBuilder:FormBuilder) { 
    } 

    divisibleByTen(control:Control) { 
     return parseInt(control.value) % 10 == 0 ? null : { 
     divisibleByTen: true 
     } 
    } 

    onSubmit(){ 
    //Some submit logic 
    } 

    ngOnInit():void { 
    this.someFormHandle = this.formBuilder.group({ 
     'someNumber': ['', Validators.compose([Validators.required, 
              Validators.maxLength(250), 
              this.divisibleByTen])] 
    }); 

    this.someNumber = this.someFormHandle.find('someNumber'); 
    } 

}