Angular md输入maxlength不工作

Angular md输入maxlength不工作,angular,angular2-material,Angular,Angular2 Material,即使我添加maxLength=“250”,我也可以在agular2材质md输入中输入值 我是否可以禁止输入字段在250个字符后输入文本 是否有maxLenth的替代方案。 我的表单输入如下: <div class="form-group"> <md-input type="text" required placeholder="Name" formControlName="name" #nameCountHint maxLength="250" c

即使我添加maxLength=“250”,我也可以在agular2材质md输入中输入值

  • 我是否可以禁止输入字段在250个字符后输入文本
  • 是否有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>
    
    
    {{nameCountHint.characterCount}}/250
    

    任何帮助都会很好。

    我找到了这个关于如何进行验证的简单演示,也许它可以帮助您

    组件模板:

     <form [ngFormModel]="someFormHandle" 
                [(ngSubmit)="onSubmit()">
    
                <input class="form-control"
                       [ngFormControl]="someNumber">
    
                <button class="btn btn-primary" 
                        [disabled]="!someFormHandle.valid">
                        Submit
                </button>
     </form>
    

    你能提供一把工作小提琴吗?md输入容器不是angular2材质@Karthigeyan,快!是安格拉尔2号。但是你试过了吗?我知道了,我忘了OP指的是angular2。我一开始就在想。我的坏消息上面的东西工作得很好,但我正在寻找md输入,它有dividerColor等@Karthigeyan,嘿!请看看这里
    @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');
      }
    
    }