"Property does not exist on type component" 错误 Angular 模板

Question

我有一个文件 platforms.ts，其中声明了一个数组，如下所示：

export const platforms: Platforms[] = [
  {
    name: 'Instagram',
    value: 'instagram'
  },
  {
    name: 'Facebook',
    value: 'facebook'
  }
];

我尝试在我的 Angular 组件中导入该数组，以便在 *ngFor 中使用它，例如：

<ng-container *ngFor="let platform of platforms">
  <!-- displaying platform informations -->
</ng-container>

问题是：当 platforms 对象直接在我的 .ts 文件中声明时它有效，但是当我导入它时 import { platforms } from '../utils/platforms'; 我收到错误：

Property 'platforms' does not exist on type 'CampaignFormComponent'.

一个快速但肮脏的解决方法是在我的打字稿文件中声明一个属性平台，例如 platform /* class attribute */ = platform /* imported */ ；有没有更简洁的方法来做到这一点？

Answer 1

简而言之：不，没有其他方法可以做到这一点。

您希望在您的组件中使用的每个变量 html 您必须在您的组件中声明 class。

"Property does not exist on type component" error Angular template