javascript - angularjs填充后如何获取元素的高度？

Question

我正在做一个 $http.get 来获取 json 数据，然后使用类似的东西填充 View

$scope.getIdeas = function() {
  $http.get(ideasUrl)
    .success(function(data) {
      $scope.ideas = data;
      console.log($(".ideas-list").height()); // No height yet =(
    })
};

然后填充 View

<ul ng-cloak class="ideas-list" ng-init="getIdeas()">
  <li class="idea"
    ng-repeat="idea in ideas"
    >{{idea.text}}</li>
</ul>

但是，在 success 调用中，.ideas-list 还没有高度。我在哪里可以获得填充的 View 高度？有我可以 Hook 的事件吗？

Answer 1

使用 setTimeout(或者最好是 $timeout 服务)这样 Angular 就可以在你检查高度之前改变 dom:

$scope.getIdeas = function() {
  $http.get(ideasUrl)
    .success(function(data) {
      $scope.ideas = data;
      $timeout(function(){
        console.log($(".ideas-list").height());
      });
  })
};