Angular Formly 中的 Typescript 动态导入
Typescript dynamic import in Angular Formly
我正在使用 formly 生成基于 json 模式的表单。
我需要发送一些字段选项的 http 请求。
JSON :
{
"key": "ReportCode",
"type": "select",
"className": "form-group dropdown-children",
"templateOptions": {
"label": "Report Code",
"options": [],
"httpLookUp": "true",
"controllerPath": "app/controllers/report-management/report-controller",
"controller": "ReportController",
"method": "getReportCodeList",
"valueProp": "Key",
"labelProp": "Key",
"required": true
}
}
我需要这样做:
import(field.templateOptions.controllerPath).then((data: any) => {...
但是没用。
这是有效的:
import('app/controllers/report-management/report-controller').then((data: any) => {...
有什么想法吗?
解决方法如下:
import(`app/controllers/${field.templateOptions.controllerPath}`)
我正在使用 formly 生成基于 json 模式的表单。 我需要发送一些字段选项的 http 请求。
JSON :
{
"key": "ReportCode",
"type": "select",
"className": "form-group dropdown-children",
"templateOptions": {
"label": "Report Code",
"options": [],
"httpLookUp": "true",
"controllerPath": "app/controllers/report-management/report-controller",
"controller": "ReportController",
"method": "getReportCodeList",
"valueProp": "Key",
"labelProp": "Key",
"required": true
}
}
我需要这样做:
import(field.templateOptions.controllerPath).then((data: any) => {...
但是没用。
这是有效的:
import('app/controllers/report-management/report-controller').then((data: any) => {...
有什么想法吗?
解决方法如下:
import(`app/controllers/${field.templateOptions.controllerPath}`)