通过链接触发ngx-bootstrap popover的方法

Question

我想在链接上使用ngx-bootstrap popover，点击该链接时，会在底部显示一个弹出框。

在ngx-bootstrap网站：我发现我们可以使用带有自定义模板的Button，以便通过这种方式显示我们想要的内容：

<ng-template #popTemplate>Just another: {{content}}</ng-template>
<button type="button" class="btn btn-warning"
        [popover]="popTemplate" popoverTitle="Template ref content inside">
  TemplateRef binding
</button>

我有兴趣使用此ng-template示例在我的案例中显示我们点击该用户的链接图片的用户信息。

因此，在尝试这种方式时，我无法触发此弹出窗口：

<a href="#" role="button" (click)="popTemplate.show()" placement="bottom">
  <span>
    <img src="urlPhoto"></img>
  </span>
</a>
<ng-template #popTemplate>Here we go
  name: {{user.name}}
</ng-template>

我希望做一些与此问题类似的事情：

Bootstrap Popover - how add link in text popover?

但使用ngx-bootstrap popover。

有人知道正确的方法吗？

目前我在控制台中发现了此错误：

Answer 1

尝试此代码

<a href="#" [popover]="popTemplate" role="button"  placement="bottom">
  <span>
    <img src="urlPhoto"></img>
  </span>
</a>
<ng-template #popTemplate>Here we go
  name: {{user.name}}
</ng-template>