ngx-formly шаблон "pdfviewer", использующий мой собственный шаблон ввода - PullRequest
Новая
       12

ngx-formly шаблон "pdfviewer", использующий мой собственный шаблон ввода

0 голосов
/ 21 ноября 2018

Я создаю шаблон ngx-formly, чтобы выбрать файл PDF, и визуализировать его внутри, используя другой шаблон «пользовательский файл ввода»

Это объявление основной формы: 

fields: FormlyFieldConfig[] = [
  {
    key: 'pdfsource',
    type: 'pdfviewer',
    templateOptions: {      
      label: 'Choose pdf file',
      placeholder: 'choose File',
      required: true,
    }
  },
]

Iполучить эту ошибку: Ошибка ОШИБКА: [Ошибка формы] Нет типа с именем «undefined»

Это стек бизнеса https://stackblitz.com/edit/ngx-formly-ui-bootstrap-htuh7z

1 Ответ

0 голосов
/ 22 ноября 2018

Я нашел это решения:

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfp https://ngx -formly-ui-bootstrap-mcvzfp.stackblitz.io

этоструктура модели: 

  model = {
    file:{
      filename: 'name.pdf',
      filevalue: null
    }

и formlyconfig: 

fields: FormlyFieldConfig[] = [
  {
    key: 'file',
    type: 'pdfviewerinput',
    templateOptions: {      
      label: 'Choose File',
      placeholder: 'choose File',
      filename: 'filename',
      filevalue: 'filevalue',
      required: true,
    }
  }]

ngx-formly шаблон pdfviewerinput включает в себя:

  • ngx-formly шаблон pdfviewer -> для визуализации pdf
  • ngx-formly шаблон входного файла -> выбрать файл
...