angular - 如何绑定(bind)到数据内容？

Question

我正在尝试使用来自 http://getbootstrap.com/javascript/#popovers-examples 的代码

<button type="button" class="btn btn-lg btn-danger" 
data-toggle="popover" title="Popover title" 
data-content="And here's some amazing content. It's very engaging. Right?">
   Click to toggle popover
</button>

但是我无法绑定(bind)到属性“data-content”，它给我以下错误。

Can't bind to 'content' since it isn't a known property of 'span'

这是我的 Angular 代码

<span data-toggle="popover" class="fa fa-exclamation-circle fa-lg" [data-content]="getTooltipMsg('lastName')"></span>

如何解决这个问题？

Answer 1

Angular 默认使用属性绑定(bind)，但是 span 元素上没有 data-content 属性，而且似乎也没有 Angular 组件或指令在此元素上输入 data-content。

因此你需要使用属性绑定(bind):

<span data-toggle="popover" class="fa fa-exclamation-circle fa-lg" [attr.data-content]="getTooltipMsg('lastName')"></span>