AngularJs 지시어 비동기 데이터보기

Question

일부 ajax 데이터와 함께 prettyprint를 사용하려고합니다. 문제는 지시어가 호출 될 때 데이터가 준비되지 않았기 때문에 정의되지 않은 변수 출력을 얻는다는 것입니다.

Plunkr : http://plnkr.co/edit/fdRi2nIvVzT3Rcy2YIlK?p=preview

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope,$http) { 


$scope.result = $http.get('data.json').success(function(result){ 
    return result.data.dom 
}) 

}); 


app.directive('prettyprint', function() { 
return { 
    restrict: 'C', 
    link: function postLink(scope, element, attrs) { 
      element.html(prettyPrintOne(scope.result)) 
    } 
}; 
}); 

Answer 1

사용 scope의 $watch 방법이의

scope.$watch("result" , function(n,o){ 
     element.html(prettyPrintOne(scope.result)); 
}) 

대신 :

$scope.result = $http.get('data.json').success(function(result){ 
     return result.data.dom 
}) 

사용이 :

$http.get('data.json').success(function(result){ 
     $scope.result = result.dom; 
}) 

쿵하는 소리 : 내가 볼 http://plnkr.co/edit/Autg0V