Angularjs工具提示指令Jquery独立

Question

我想使用jquery或bootstrap在angularjs without中创建一个工具提示。

我试图制作一个指令，试图找到放置工具提示指令的parent的x、y位置。这是我的link函数。

element.parent().css('position', 'relative');
left = offset(element.parent()).left;
right = offset(element.parent()).right; 
function offset(elm) { 
  try {return elm.offset();} catch(e) {} 
  var rawDom = elm[0]; 
  var _x = 0; 
  var _y = 0; 
  var body = document.documentElement || document.body; 
  var scrollX = window.pageXOffset || body.scrollLeft; 
  var scrollY = window.pageYOffset || body.scrollTop; 
  _x = rawDom.getBoundingClientRect().left + scrollX; 
  _y = rawDom.getBoundingClientRect().top + scrollY; 
  return { left: _x, top:_y }; 
}

但是左和右总是为零。

我在网上找不到没有jquery或bootstrap依赖项的工具提示。有人能帮我吗？

Answer 1

我为angularJS制作了一个工具提示库。这可能是一个良好的开端，尽管它使用JQuery来进行删除和显示之类的操作。

https://github.com/jeremistadler/angular-tooltip