Question

我需要显示ts文件中的角度组件列表。我怎么做？

  // file ResolventePage.ts

  listFormulas: IFormula[] = [{
     name: "Formula 1",
     description: "a description",
     element: AComponent1
  }, {
     name: "Formula 2",
     description: "a description 2",
     element: AComponent2
  }, ... ]

但我不知道如何在周期内动态放置它：

 <ion-item *ngFor="let item of listFormulas">
   <ion-label>{{ item.name }}</ion-label>

   <!-- Here I need to render the component "item.element" -->
 </ion-item>

非常感谢您的帮助。

Answer 1

如果我正确理解了element中的每个listFormulas和角度组件。

选项1

首先导入.ts文件中的所有组件，例如：

import { AComponent1} from './AComponent1';
import { AComponent2} from './AComponent2';
// ...

然后试试这个快速黑客：

<ion-item *ngFor="let item of listFormulas">
  <ion-label>{{ item.name }}</ion-label>

  <{{item.element.name}}></{{item.element.name}}>
</ion-item>

选项2

如果这不起作用，那么这里有plunker正确但有点先进的方法。这是来自loading components dynamically的详细官方文档的演示。

显示角度分量v2或v4的列表

1 个答案:

选项1

选项2