Создайте настраиваемый шаблон Ngx-Formly для типа радио - и проверка не срабатывает - PullRequest
Новая
       142

Создайте настраиваемый шаблон Ngx-Formly для типа радио - и проверка не срабатывает

0 голосов
/ 07 августа 2020

Как создать собственный шаблон радио в ngx-formly и добавить проверку ?

Моя форма JSON Powered.

** Частично JSON **

{
            "key": "help",
            "type": "radio-info",
            "templateOptions": {
              "label": "Would you like a someone to contact you to see how we can help?",
              "icon": "info-circle",
              "options": [
                {
                  "label": "Yes, I’d like that",
                  "value": "123",
                  "description":"Test Description"
                },
                {
                  "label": "No thank you",
                  "value": "546"
                }
              ],
              "required": true
            }
          },

FormlyFieldRadio 

@Component({
  selector: 'radio-info',
  template: `
  <div>{{to.label}}</div>
  <div class="mat-radio-button" *ngFor="let option of to.options  let i = index;">
    <input class="mat-radio-input" type="radio"
           [id]="id + '_' + i"
           [name]="field.name || id"
           [attr.value]="option.value"
           [formControl]="formControl"
           [formlyAttributes]="field"
           [value]="option.value">
           <label class="mat-radio-label-content">{{ option.label }}</label>
      <a *ngIf="option.description" mat-icon-button #tooltip="matTooltip" matTooltipClass="custom-tooltip" matTooltip="{{option.description}}" matTooltipPosition="after" (click)="tooltip.toggle()">
      <fa-icon matSuffix icon={{to.icon}} fixedWidth="true"></fa-icon>&nbsp;</a>
  </div>
  <div>
  </div>
 `,
  styleUrls: ['./radio-info.component.scss'],
})
export class RadioInfoComponent extends FieldType {

  getMoreInformation(): string {
    return 'Address : Home \n  Tel : Number';
  }
}

app.module.ts 

    FormlyModule.forRoot({
      types: [
        {
          name: 'radio-info',
          component: RadioInfoComponent,
        }
      ]
    }),

Если я не выберу переключатель и не отправлю форму, проверка не сработает . Как добавить проверку к этому пользовательскому входу типа радио.

Любые предложения / решения приветствуются. Спасибо.

...