$ scope變量在角度變化後執行Leaflet API

Question

在使用ng-show更改$ scope變量後，我必須在元素上綁定js事件。

當我改變範圍後，我運行JS腳本，但Js比角速度快，他錯過了發現一些尚未通過ng-show顯示的div。

這是一個針對這個問題的一些代碼示例的蹲點。我發現這種問題的辦法是做JS代碼在setTimeout的，但我需要一個乾淨的解決方案：https://plnkr.co/edit/iYDs552yCyd3R7ivgD84?p=preview

$scope.start = function(){ 
    $scope.showMap=true; 

    setTimeout(function(){ 
    jsFunc(); 
    },1000); 
} 

Answer 1

使用$timeout服務：

$scope.start = function(){ 
    $scope.showMap=true; 
    /* 
    setTimeout(function(){ 
    jsFunc(); 
    },1000); 
    */ 
    //Use $timeout 
    $timeout(jsFunc); 
} 

的$timeout服務集成與AngularJS消化週期。

由於Leaflet API是AngularJS框架的外部，因此瀏覽器需要$ timeout來呈現DOM並執行Leaflet API代碼。請參閱AngularJS $timeout Service API Reference。