Dyrektywa AngularJs oglądająca dane asynchroniczne

Question

Próbuję użyć prettyprint z niektórymi danymi ajax. Problem polega na tym, że kiedy przywoływana jest dyrektywa, dane nie są gotowe, więc otrzymuję niezdefiniowaną wartość zmiennej.

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

Zastosowanie scope „s $watch metoda:

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

I zamiast tego:

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

Użyj tego:

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

upadać: http://plnkr.co/edit/Autg0V