2

我正在使用带有角度的引导 ui,并尝试使用工具提示元素进行简单的双向数据绑定。本质上,用户应该能够与工具提示进行交互。我在 stackoverflow 上找到了几个相关的问题,但还没有找到好的答案。这就是我所拥有的:

http://plnkr.co/edit/12BdBFGdJtAh4kpHYmC3?p=catalogue

基本上,如果用户单击工具提示内的该按钮,我想执行相同的功能。正如您所看到的,如果您在相同的代码在外面时单击该按钮,它就可以工作。但是当它被放置在工具提示内时,angular 无法识别它。处理这个问题的最佳方法是什么?

更新:是否有与工具提示对象绑定的一般方法。例如,如果我想使用这个工具提示插件,我该怎么做?

http://plnkr.co/edit/EXGJbDVyBHu0JgBtS4LZ

更多细节:qtip2 插件在 DOM 中创建一个 qtip 元素,然后显示在文本上。我可以让它与以下几行绑定:

 var elem = document.getElementById('qtip-0-content');
 scope.myVar = $compile(elem)(scope);

在上面的代码中,'qtip-0-content' 是分配给插件创建的包装器 div 的 id。但是我认为 getElementById 似乎不是绑定它的正确方法。我只想让 angular 注意到插件引起的 DOM 变化,并选择一个特定于 Angular 的标签。此外,这个函数只能在工具提示可见时调用,因为那是 DOM 发生变化的时候。所以它第一次不起作用,但适用于任何后续调用。

4

0 回答 0