AngularJS View güncellendikten sonra bootstrap araç ipuçlarını başlat

Question

Basit bir AngularJS uygulaması oluşturdum, sorun şu ki, modelimdeki değişiklikler nedeniyle görünümüm otomatik olarak güncellenirse (aşağıdaki örnekte gösterilmiyor), araç ipucu yok Artık bir bootstrap araç ipucu gibi görünmüyor.

Bu yanıtı satckoverflow buldum, ancak bu çözümü nasıl uygulayacağımı bilmiyorum. Belki birisi bana aşağıdaki MWE'de verilen bağlantıdan yaklaşımı gösterebilir.

<div class="container" ng-app="testApp" ng-controller="testController"> 
    <h3>Data from Scope: {{data}}</h3> 
    <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> 
    <button type="button" ng-click="refresh()">refresh data</button> 
</div> 

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

<script> 
    var app = angular.module('testApp', []); 
    app.controller('testController', function($scope) { 
    $scope.data= 123; 
    $scope.refresh = function() { 
     $scope.data= Math.random(); 
    } 
    }); 
</script> 

Answer 1

kullanın bu dinamik çalışma kod kodunuzu sarın. Üzerlerinde set [data-toggle="tooltip"] özniteliği elemanlarında fareyi hiç ipucu gösterildiğinde

$(document).on('mouseover','[data-toggle="tooltip"]',function(){ 
    $(this).tooltip('show'); 
}); 

fikirdir. Bu, tüm öğeler (statik ve dinamik)

Answer 2

Projenizde ngRoute kullanıyorsanız, aşağıdaki kodu denetleyicinize koyabilirsiniz.

$scope.$on('$viewContentLoaded', function(event){ 
    console.log('content loaded!') 
    }); 

Aksi takdirde, $ zaman aşımı içindeki

var app = angular.module('testApp', []); 
    app.controller('testController', function($scope, $timeout) { 
    $timeout(function(){ 
     $scope.data= "hello"; 
    }); 
    });