Bootstrap Tooltip с угловой нерабочей

Question

Я использую Boostrap Tooltip, но я не мог заставить это работать в моем угловом коде, я жестко угловой код, например:: {{o.client_name}},: {{o.client_name}} будет работать в этом коде, но он не работает, кто-то знает почему?

Угловой Код:

<div class="col-md-4" ng-repeat="o in form.users" ng-show="form.users.length"> 
      <div> 
       <p><b>title</b>:{{o.title}}</p> 
       <p><b>client name</b>:{{o.client_name}}</p> 
       <p><b>description</b>:{{o.description}}</p> 
       <p><b>dev tool</b>:{{o.primary_develop}}</p> 
      </div> 
      <div class="base_image_div"> 
      <img ng-src="/images/{{o.thumbnail}}" class="img-responsive base_image" alt="{{o.description}}"> 
      </div> 

    </div> 

Моя подсказка код с Угловым:

<div class="container"> 
    <a href="#" class="custom-tooltip" data-toggle="tooltip" data-placement="right" data-html="true" title="" 
    data-title="<div class='row ballon-tooltip'> 
      <ul> 
         <li> <b>title</b>:{{o.title}}</li> 
         <li> <b>client name</b>:{{o.client_name}} </li> 
         <li> <b>description</b>:{{o.description}}</li> 
         <li> <b>dev tool</b>:{{o.primary_develop}}</li> 
      </ul> 
       </div>"> 
<img ng-src="../public/images/{{o.thumbnail}}" class="img-responsive base_image" alt="{{o.description}}"></a></li> 

</div> 
       <script> 
       $(document).ready(function(){ 
        $('[data-toggle="tooltip"]').tooltip(); 
       }); 
       </script> 

Answer 1

В загрузочных только ситуациях, он работает сразу ->http://jsfiddle.net/5h6kc5o5/

Я считаю, что ваша проблема является использование $(document).ready() - это бесполезно в угловом контексте. Он выполняется задолго до того, как угловой закончил рендеринг. Используйте $timeout вместо:

$timeout(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
}) 

Тогда tooltip() вызывается в следующем цикле.