Question

我尝试在我的正式字段中显示说明，但没有显示。

我试图在模式和运行时中包含该描述，但是无论哪种情况都不会出现。

Schema.json：

{
    "key": "CommentText",
    "type": "input",
    "className": "form-group",
    "templateOptions": {
        "label": "Comment text",
        "required": true,
        "maxLength": 1000,
        "description": "test"
    }
}

目的是显示具有maxlength属性的字段的字符倒数。但是首先，我只需要显示一个基本描述。

Answer 1

最小/最大长度应由验证器完成。

 validators: [
 ],
  validationMessages: [
    { name: MaxLengthValidator.validatorName, message: MaxLengthValidator.message },
  ],

但是在我的代码中，我创建了带有模板描述的自定义输入：

<input class="formly-string-input"
       type="text"
       [formControl]="formControl"
       [formlyAttributes]="field"/>
<span *ngIf="field.templateOptions.description" class="form-control-info">{{field.templateOptions.description}}</span>

我认为ngx形式的输入没有要显示的描述

Sourece code of input


import { Component } from '@angular/core';
import { FieldType } from '@ngx-formly/core';

@Component({
  selector: 'formly-field-input',
  template: `
    <input *ngIf="type !== 'number' else numberTmp" [type]="type" [formControl]="formControl" class="form-control" [formlyAttributes]="field" [class.is-invalid]="showError">
    <ng-template #numberTmp>
      <input type="number" [formControl]="formControl" class="form-control" [formlyAttributes]="field" [class.is-invalid]="showError">
    </ng-template>
  `,
})
export class FormlyFieldInput extends FieldType {
  get type() {
    return this.to.type || 'text';
  }
}

Angular形式templateOptions描述未显示

1 个答案: