Динамический импорт Typescript в угловой форме

#angular #import #angular-formly

#angular #импорт #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) => {...
  

Есть идеи?

Ответ №1:

Вот решение :

 import(`app/controllers/${field.templateOptions.controllerPath}`)