AngularJS에서 qtip2의 기본 사용

Question

ng-repeater 내부의 qtip2에서 툴팁을 사용하려고합니다.

나는 간단한 title 속성을 사용하고 있습니다 :

$('[title!=""]').qtip(); 

qtips 정기적 항목에 표시. 그러나, 각 중계기에는 나타나지 않습니다. 요소를 검사하면 제목이 이전 제목으로 바뀌 었음을 알 수 있습니다. 여기

Plunker : 여기 http://plnkr.co/edit/pewJYxbyBdMk5kqm01Bm?p=info

Answer 1

귀하의 문제는 아직 존재하지 않는 요소에 qtip을 결합하고 있다는 점이다. 가장 좋은 방법은 요소에 추가 할 수있는 qtip 지시문을 만들고 qtip() 메서드를 만든 후 실행시키는 것입니다.

예 :

// remove $('[title!=""]').qtip(); from top of js file 
app.directive('qtip', function() { 
    return { 
    restrict: 'A', 
    link: function(scope, element, attrs) { 
     element.qtip({ content: attrs.qtip}); 
    } 
    }; 
}); 

그런 다음 HTML에서 :

<span qtip="{{friend.gender}} ({{friend.age}} years old)"> [{{$index + 1}}] {{friend.name}}</span> 

Updated plunkr.