在我的自定义输入模板中使用 ngx 形式的模板"pdfviewer"

Question

我创建了一个ngx-formly模板来选择pdf文件，并使用另一个模板"自定义输入文件"将其可视化

这是主要的申报形式：

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

我收到以下错误：错误错误：[形式错误]没有名为"未定义"的类型

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

Answer 1

我找到了这个解决方案：

https://stackblitz.com/edit/ngx-formly-ui-bootstrap-mcvzfphttps://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表单模板pdfviewerinput包括：

• ngx表单模板pdfviewer->可视化pdf
• ngx formly模板inputfile->选择文件