我正在使用带有角度的bootstrap ui并尝试使用tooltip元素进行简单的双向数据绑定。基本上,用户应该能够与工具提示进行交互。我在stackoverflow上找到了几个相关的问题,但还没有找到一个好的答案。这就是我所拥有的:
http://plnkr.co/edit/12BdBFGdJtAh4kpHYmC3?p=catalogue
基本上,如果用户在工具提示中单击该按钮,我想执行相同的功能。正如您所看到的,当相同的代码在外面时单击按钮,它可以正常工作。但是当它放在工具提示中时,angular不会识别它。处理这个问题的最佳方法是什么?
更新:是否有与工具提示对象绑定的一般方法。例如,如果我想使用this工具提示插件,我该怎么做?
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似乎不是绑定它的正确方法。我只想要有角度来注意插件引起的DOM的变化并拾取角度特定的标签。 此外,只有在工具提示可见时才能调用此函数,因为这是DOM更改的时间。所以它第一次不起作用,但适用于任何后续调用。