2015-03-20 7 views
0

Я пытаюсь запустить некоторый javascript после того, как данные из JSON успешно загружены, поэтому я могу манипулировать моими элементами dom, но, не имея проблем с этим, как при запуске javascript, элементы еще не загружены ,Запустить Javascript после загрузки JSON

app.controller('portfolioController', function($scope, $route, $http) { 
$scope.contents = null; 
    $http.get("js/json/portfolio.json").success(function(data) { 
    $scope.contents = data; 
    alert('alert this after all elements are loaded on dom'); 
    }); 
}); 

<ul class="projects basic" > 
    <li ng-repeat="content in contents"> 
     <img src="img/projects/{{ content.image }} " > 
     <a class="hover" ></a> 
    </li> 
</ul> 

ответ

0

Так что я в конечном итоге, используя ng-click директиву о моем йоте, то вызывается в функции мыши, которые хорошо работали. Здесь обновленный код:

app.controller('portfolioController', function($scope, $route, $http) { 
    $scope.classes = 'basic about'; 

    $scope.contents = null; 

    $http.get("js/json/portfolio.json").success(function(data) { 
    $scope.contents = data; 
    }); 

    $scope.showDetails = function() { 
    alert('do stuff after everything is loaded'); 
    } 

}); 

<ul class="projects basic" > 
    <li ng-repeat="content in contents"> 
     <img ng-src="img/projects/{{ content.image }} " > 
     <a ng-click="showDetails()" class="hover" ></a> 
    </li> 
</ul> 
Смежные вопросы