Question

我试图在JSON的数据成功加载后运行一些javascript，这样我就可以操作我的dom元素了，但是在我运行我的javascript时无法完成这些，元素还没有加载。

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>

Answer 1

所以我最终在我的dom上使用ng-click指令，然后在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>

在JSON加载后运行Javascript

1 个答案: