ngx-formly模板“ pdfviewer”,在我的自定义输入模板中使用

时间:2018-11-21 19:50:51

标签: angular ng-bootstrap

我创建了一个ngx形式的模板来选择pdf文件,并使用另一个模板“自定义输入文件”在内部将其可视化

这是主要的表单声明:

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

我收到此错误: 错误 错误:[形式错误]名称为“ undefined”的类型没有

这是stackbiz https://stackblitz.com/edit/ngx-formly-ui-bootstrap-htuh7z

1 个答案:

答案 0 :(得分:0)

我找到了这个解决方案:

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形式的模板输入文件->选择文件