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

Question

我正在按照这篇教程文章来测试角度投影的工作原理。在本文中，我遇到了select属性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 select=".headerText{{some_id}}"></ng-content>

但是，当我尝试这样做时，我收到错误：

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

我怎样才能实现这个目标？