加载组件，从列表中定义？

Question

有没有办法加载从数组列表中定义的组件？ 我正在加载这些视图作为标签视图。我正在使用角度2。

我想首先也许我可以列出数组中的选择器， 并且在视图中只是说＆lt; {{menu。 componentTop}}＆GT; ，但那没有用。任何人吗？

我已经构建了一个列表：

const menus = [
    {id: 1, 
       title: 'A',
       componentTop : 'exampletopBComponent',
       componentbottom: 'examplebottomBComponent';
   },
    {id: 2,  
        title: 'B',
        componentTop : 'exampletopBComponent',
        componentbottom: 'examplebottomBComponent';
    },
    {id: 3,  
        title: 'C', 
         componentTop : 'exampletopCComponent',
         componentbottom: 'examplebottomCComponent';
    {id: 4,  
         title: 'D',
         componentTop : 'userComponent',
         componentbottom: 'profileComponent';
    }];

我有* ngFor循环

的视图

   <li *ngFor="let menu of Menus">   
              <div>{{menu.title}}</div>  
              <div class="btn-view">
               I would like to load menu componentTop
              </div>
  </li>
  <div>
   i would like to load menu componentbottom
  </div>