使用Angular的插值获取数据提示内容

时间:2019-05-20 20:38:36

标签: angular typescript tippyjs

我正在做一个 Angular 项目,并且 tippy.js 工作正常(https://atomiks.github.io)。

问题是我需要用一些可以用Angular插值法放置的JSON信息填充工具提示,但是出现以下错误: “由于它不是'div'的已知属性,因此无法绑定到'tippy-content'。”

<div data-tippy-content="{{top.description}}" data-tippy-placement="right" class="layout-tops-photos theme-tops-photos theme-hover js-tippy"></div>

有没有一种方法可以使其与插值一起使用?如果没有,还有其他方法吗?

1 个答案:

答案 0 :(得分:0)

使用属性绑定语法

<div attr.data-tippy-content="{{top.description}}" data-tippy-placement="right" class="layout-tops-photos theme-tops-photos theme-hover js-tippy"></div>