添加组件数组作为属性

时间:2016-05-25 20:32:55

标签: javascript angular

我正在学习Angular 2.为了这个,我正在创建一个组件,它应该在其属性中接收一个其他组件的数组。

到目前为止,这是我的代码:

<card
  [actions]='[<icon name="tick"></icon>]'
>
  <span>Example</span>
</card>

在这种情况下,我的组件Card我正在尝试发送另一个组件的数组(在这种情况下只有一个组件)。

这不起作用。我该如何解决这个问题?

修改

我正在尝试做的是在组件内部的actions组件中部署组件的一部分,并在组件的其他部分中ng-content

1 个答案:

答案 0 :(得分:0)

那不行。 <icon name="tick"></icon>可以被视为HTML并添加为<div [innerHTML]="someHtml">,但这不会成为一个组件。

Angular 2 dynamic tabs with user-click chosen components显示了如何在Angular2中完成此操作。