角度2使用属性绑定与ng2-bootstrap工具提示

Question

我正在为我的angular 2应用程序使用ng2-bootstrap工具提示插件。如果已在共享文件中定义了工具提示字符串，我想添加tooltip属性。要完成，我认为以下行可行：

<label [attr.tooltip]="translations['artist-tooltip']">....</label>

但这不起作用，如果我对该行进行硬编码，但会出现工具提示。

<label tooltip="custom string">....</label>

这很奇怪，因为翻译['artist-tooltip']会返回一个字符串。如果我检查我的元素，我可以看到HTML完全符合预期。如果我要实现类似的东西：

<label *ngIf="translations['artist-tooltip']" tooltip="translations['artist-tooltip']">...</label>

我会得到所需的结果，但是现在如果未定义工具提示字符串，则不会显示输出字段，这不是我想要的。有人知道出了什么问题吗？

Answer 1

请尝试

<label tooltip=" " [attr.tooltip]="translations['artist-tooltip']">

或

<label tooltip="{{translations['artist-tooltip']}}">

Answer 2

请尝试

data

为我工作

obs：Angular 2