Angular 5：将动态类名称传递给ng-content的“ select”属性

Question

我正在关注THIS教程文章，以测试Angular Projection的工作方式。在本文中，我遇到了select的{​​{1}}属性，我们可以向其中传递ng-content或class name来选择和定位特定的attribute。

例如：

ng-content

上面的例子很好用。但是，现在我想要的是动态传递类名称以进行选择：

@Component({
  selector: 'greet',
  template: `
    <ng-content select=".headerText"></ng-content>
    <ng-content select="btnp"></ng-content>
  `


<greet>
  <h1 class="headerText">Hello</h1>
</greet>
<greet>
  <button btnp>Click Here</button>
</greet>

但是，当我尝试这样做时，出现错误：

  

无法绑定到“选择”，因为它不是的已知属性   “ ng-content”。

我该如何实现？