Angular 从组件中设置TemplateRef值

我正在使用一个第三方插件“angular Tention”，它通过以下方式作为模板

<ng-template #mentionListTemplate let-item="item">
  <div class="media">
    <img class="mr-3" src="{{item.avatar}}" alt="" width="30" height="30">
    <div class="media-body text-right">
      <h6 class="mt-0 mb-0">{{item.name}}</h6>
      <small>@{{item.username}}</small>
    </div>
  </div>
</ng-template>

{{item.name}
@{{item.username}

模板是这样绑定的

---

您可以使用
项的输入参数创建可重用组件
：

@Component({
  selector: 'app-textarea',
  template: `
    <textarea [mentionListTemplate]="mentionListTemplate"></textarea>
    <ng-template #mentionListTemplate let-item="item">
      <div class="media">
        ...
      </div>
    </ng-template>
  `
})
export class TextareaComponent  {
  @Input() item: IItem = { /* some default value */ };
}

@组件({
选择器：“应用程序文本区域”，
模板：`
...
`
})
导出类TextArea组件{
@Input（）项：IItem={/*某个默认值*/}；
}

因此，您可以轻松地在其他组件中使用它：
您可以使用
项的输入参数创建可重用组件
：

@Component({
  selector: 'app-textarea',
  template: `
    <textarea [mentionListTemplate]="mentionListTemplate"></textarea>
    <ng-template #mentionListTemplate let-item="item">
      <div class="media">
        ...
      </div>
    </ng-template>
  `
})
export class TextareaComponent  {
  @Input() item: IItem = { /* some default value */ };
}

@组件({
选择器：“应用程序文本区域”，
模板：`
...
`
})
导出类TextArea组件{
@Input（）项：IItem={/*某个默认值*/}；
}

因此，您可以轻松地在其他组件中使用它：
只需编辑您的代码，让ppl可以看到您的代码的第一行。我认为您只需要在前三个backtick之后添加一个换行符就可以了，只需稍微编辑一下代码，这样ppl就可以看到您的代码的第一行。我想你只需要在前三个backticksTextarea后添加一个换行符，它不包含唯一的提及标记，它有一些其他配置，所以需要远离这个apptextarea组件。我该怎么做？你能提供另一个使用其他配置的textarea的示例吗？我的textarea的完整配置你可以将所有这些参数传递给组件，并可以选择将它们设置为textarea字段我知道这样做。但这对我的应用程序是不可能的。Textarea不包含唯一的提及标记，它有一些其他配置，因此需要远离此应用程序Textarea组件。我该怎么做？你能提供另一个使用其他配置的textarea的示例吗？我的textarea的完整配置你可以将所有这些参数传递给组件，并可以选择将它们设置为textarea字段我知道这样做。但这对我的申请是不可能的。