Angular 使用ng内容在另一个组件中导入一个组件

这是我的页面，我调用两个组件面板和jointbutton：

<panel src="a" 
    data1="b" 
    data2="Student Id:"
    data3="Class:"
    data4="Roll No : " data5="Batch : ">
    <joint-button btnname="Edit" icon="glyphicon glyphicon-pencil" color="btn btn-primary"></joint-button>
    <joint-button btnname="Delete" icon="glyphicon glyphicon-trash" color="btn btn-danger"></joint-button>
</panel>

这是我使用的panel.html

<div class="col-md-3">
   <div class="custom5">
       <ng-content></ng-content>
    </div>
    <div class="custom6">
        <ng-content></ng-content>
     </div>
 </div>

这里的问题是两个连接按钮都显示在第一个

所以我的问题是：

• 首先，我们可以多次使用
  。如果是，那么为什么它不起作用

• 如果我们不能多次使用
  ，那么在两个不同位置定位两个组件的解决方案是什么

---

ng content

可以采用属性

select

，该属性是要包含的元素的css选择器\select

所以这应该行得通（我没有试过）

---

最近这是在AngularConnect中演示的，请看这段视频

它只在代码中出现了一点语法错误：：：select=“joint button”[btnname=Edit]”。编辑了您的代码

 <div class="custom5">
       <ng-content select="joint-button'[btnname=Edit]'"></ng-content>
    </div>
    <div class="custom6">
        <ng-content select="joint-button'[btnname=Delete]'"></ng-content>
     </div>