Angularjs：在加載ng-repeat後運行jquery

Question

嗨如何在加載ng-repeat中的數據時運行jquery腳本。 當我有一個靜態dom元素時，jquery工作的很好，但是當我使用ng-repeat腳本不工作時，我需要動態使用div的高度和引導工具提示。我有這個代碼：

$(document).ready(function() { 
    //myMovies 
     //$('.templates_movies').height($('.templates').outerHeight()); 
    $(document).on("load", ".templates_movies", function() { 
     $('[data-toggle="tooltip"]').tooltip(); 
    }); 


}); 

但它不工作。請幫幫我。

Answer 1

指令的鏈接功能的一個例子是：

function link (scope, element) { 
    $(element[0].querySelectorAll('[data-toggle="tooltip"]')).tooltip(); 
} 

Answer 2

您可以創建指令

app.directive("tooltip",function(){ 
    return{ 
    link: function(scope,ele,attr){ 
     $('[data-toggle="tooltip"]').tooltip(); 
    } 
    } 
}); 

，然後使用 「工具提示」 您的NG-重複類似

<div ng-repeat ="item in [1,2,3]" tooltip> 
    <span data-toggle="tooltip" class="test" title="Hiiii" ng-bind="item"></span> 
</div> 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.