Question

我有这些数据：

r4

我要做的是在ngOnInit上创建一个循环，这样我就可以动态地进行多次导入。

从数据

中获取的myData.path等看起来就像这样

myData = [
 {
    "name": "namehere"
    "path": "somepath",
    "const": "someconst",
    "method": "somemethod"
    ""
  },
  {
    "name": "othernamehere"
    "path": "othersomepath",
    "const": "othersomeconst",
    "method": "othersomemethod"
    ""
  }
];

Answer 1

您可以尝试forEach功能：

myData.forEach((data,index) => {
    import(data.path).then(module => {
        this.myData[index].const = new module.data.name().data.method();
    });
})

Answer 2

我们可以按需异步导入和加载模块

def get_queryset(self):
    longitude = self.request.query_params.get('longitude')
    latitude= self.request.query_params.get('latitude')
    radius = self.request.query_params.get('radius')

    location = Point(longitude, latitude)

    queryset = Model.objects.filter(location__distance_lte=(location, D(m=distance))).distance(location).order_by('distance')

    return queryset

Answer 3

建议您尝试使用@vivek建议的相同解决方案，但使用上一个ES版本方法：

for(const [index, data] of Object.entries(myData)) {
  const module = await import(data.path);
  myData[index].const = new module.data.name().data.method();
});

这里我用于...用它的回调替换foreach，并等待替换缩进的承诺级别。

在函数前面需要异步：

async ngOnInit() {

管理await的使用。

Angular 5 - 在ngOnInit中循环获取数据

3 个答案: