Javascript Angularjs没有'；不适用于显示无样式

我正在尝试使用AngularJS和作为工具提示

Tippy的HTML模板工具提示（）要求我们对模板使用

style=“display:none”

，其余部分由它处理

我想在工具提示模板中使用angularjs功能，但失败。

这把小提琴再现了这个问题

如果删除

style=“display:none”

它会工作，但Tippy不会

有没有关于这个的走道

更新 @Razzildinho解决方案仅用于渲染值。但它无法与控制器通信。它是单向数据绑定，从模型到tippy

内部蒂皮：

外部：

---

这是因为生成的html和小部件在角度范围之外工作。如果您尝试实现boostrap小部件并添加一些角度行为，也会发生同样的情况。这就是boostrap ui存在的原因，它是连接这两个世界的桥梁

解决这一问题的最佳方法是创建将js插件与angular连接起来的指令。执行该指令时，您可能需要在vm.message上设置一个监视程序，以便在表达式更改时重新创建插件

---

以这篇文章为例：

这是因为生成的html和小部件在角度范围之外工作。如果您尝试实现boostrap小部件并添加一些角度行为，也会发生同样的情况。这就是boostrap ui存在的原因，它是连接这两个世界的桥梁

解决这一问题的最佳方法是创建将js插件与angular连接起来的指令。执行该指令时，您可能需要在vm.message上设置一个监视程序，以便在表达式更改时重新创建插件

---

以本文为例：

使用元素id作为html选项删除所有javascript绑定。要保留它们，请使用DOM元素。您还应该在已连接控制器的元素中追加

<!-- Add ID to the controller div -->
<div ng-controller="FrameController as vm" id="controller">

---

使用元素id作为html选项将删除所有javascript绑定。要保留它们，请使用DOM元素。您还应该在已连接控制器的元素中追加

<!-- Add ID to the controller div -->
<div ng-controller="FrameController as vm" id="controller">

---

你想实现什么“AngularJS”功能？@ryanpcmcquen Any，在小提琴和图像中，你可以看到它无法显示消息。你想实现什么“AngularJS”功能？@ryanpcmcquen Any，在小提琴和图像中，你可以看到它无法显示消息。谢谢，这修复了呈现$scope变量的问题。但是，它无法与angularjs代码通信。请参阅：并更新question@Shank我已经更新了答案。您需要在tippy中使用DOM元素而不是标识符作为

html

选项。tippy不再打开。请参阅：。我遗漏了什么吗？您需要删除

display:none从工具提示模板谢谢，这修复了呈现$scope变量的问题。但是，它无法与angularjs代码通信。请参阅：并更新question@Shank我已经更新了答案。您需要在tippy中使用DOM元素而不是标识符作为
html
选项。tippy不再打开。请参阅：。我遗漏了什么吗？您需要删除
display:none来自工具提示模板