Angular Promise 在另一个组件中返回未定义

Question

这是我的carComponent.ts它有以下方法：

async Download() {
    try {
      const settings = {
        kit: true,
        tyres: true,
        serviced: false,
      };
      const [kits, tyres] = await Promise.all([
        this.checkKits(
          conf,
          "A",
         100,
          false,
          "My kit"
        ),
        this.checktyres(100, 50, false, 'My tyres'),
      ]);
    
    const checkSvg= [...kits.slice(0, 4), ...tyres, ...kits.slice(4)];
   checkSvg.forEach(({ side, svg }) => {
     console.log(svg); // here it returns all the SVG data; works 100%
   return svg;
    });
  }
  catch(e) {
    console.error(e);
  }
   
}

这是调用上述方法的viewCarsComponent.ts 。 但是这里的承诺返回未定义，所以任何人都可以帮助解决我的问题吗？ 我不确定我做错了什么或我需要在这里做什么来解决。

async DisplaySVG() {
 await this.carComponent.Download().then(data =>{
  console.log(data);
  // here it is undefined... 
 }).catch(error =>{
   console.log(error)
 });

  }

谢谢

Answer 1

您目前在 Download 中没有 return 语句，因此默认情况下，promise 解析为未定义。 如果要返回所有套件和轮胎的数组，则只需返回checkSvg ：

const checkSvg = [...kits.slice(0, 4), ...tyres, ...kits.slice(4)];
return checkSvg;

如果它们中的每一个都有一个.svg属性，而你只想要那些，那么创建一个只有.svg属性的新数组，并返回：

const checkSvg = [...kits.slice(0, 4), ...tyres, ...kits.slice(4)];
const svgsOnly = checkSvg.map(({ svg }) => svg);
return svgsOnly;