javascript - 为什么 AngularJS 中的 data-title 属性没有更新？

Question

我正在使用 AngularJS 和 Bootstrap 的弹出窗口。我可以成功绑定(bind)到 data-content，但不能成功绑定(bind)到 data-title:

<li data-trigger="hover" data-placement="bottom" data-title="{{'Memory limit' | l10n}}" data-content="{{'Memory available for the execution of one testcase, measured in MiB.' | l10n}}">
  <a><i class="fa fa-stack-overflow fa-lg"></i> {{task.memory_limit}} MiB</a>
</li>

此代码产生:

从开发工具中，我可以看到 data-title="Limite di memoria" 所以它有效，所以我真的不明白为什么它没有更新到实际 View 。另外，从开发工具中我可以看到有两个我不知道的空新属性(data-original-title 和 title)。

Answer 1

这是因为每当 Bootstrap Popover JavaScript 执行时都会读取该属性，这是在 Angular 更新该绑定(bind)之前。

如果您想使用该功能，您要么必须推出自己的指令，要么找到一个。 Angular-UI有一个您可以使用的 Popover 实现。