$ scope 변수가 변경된 후 리플릿 API 실행

Question

ng-show를 사용하여 $ scope 변수를 변경하여 요소에 js 이벤트를 바인딩해야합니다.

범위를 변경 한 후 JS 스크립트를 실행했지만 Js가 빠져있는 각도보다 빠르면 ng-show에서 아직 표시되지 않은 div가 발견되었습니다.

이 문제의 일부 코드 샘플은 다음과 같습니다. 나는 이런 종류의 문제에 대한 발견이 솔루션은의 setTimeout에 JS 코드를하는 것입니다하지만 난 깨끗한 솔루션이 필요합니다

이

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

$timeout 서비스가 통합되어 있습니다 : https://plnkr.co/edit/iYDs552yCyd3R7ivgD84?p=preview

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

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

Answer 1

가 $timeout 서비스를 사용을 AngularJS 다이제스트주기와 함께.

Leaflet API는 AngularJS 프레임 워크 외부에 있으므로 브라우저가 DOM을 렌더링하고 전단 코드 API 코드를 실행하려면 $ 시간 초과가 필요합니다.

자세한 내용은 AngularJS $timeout Service API Reference을 참조하십시오.