动态地(在运行时)向模板添加组件 - Angular2

时间:2017-10-22 17:33:50

标签: angular typescript templates components angular2-template

我的系统有点问题。 我正在尝试将我创建的组件添加到另一个组件的模板中,它是这样的:

  1. 我有一个菜单组件,其中有许多按钮,当按下每个按钮时,它会发送一个参数,指示要显示的信息类型并重定向到其他页面(到不同的URL)。

    < / LI>
  2. 在另一个页面中,我获取参数(这是一个字符串),比较数组和数组中的每个节点,其关键点与参数相同,我需要创建我的组件的一个实例,其中包含相关性信息并将其显示在页面上。 有时可能只有一场比赛,有时4-6场比赛。

  3. 我的问题是我无法理解如何将我的组件标记放入此页面模板中。

    例如:我的组件名为“viewInfo”,它得到一个名为“data”的参数,我想将它添加到模板中,如下所示:

    ...
    <viewInfo [data]='newData'></viewInfo>
    ...
    ...
    

    因此,当我手动添加它时,它可以工作,但在运行时我永远不知道数组中有多少节点与参数匹配。

    任何人都有某种想法可以帮助我吗?

    感谢。

0 个答案:

没有答案