2015-01-09 30 views
0

我有一個網站,如下圖所示相同的高度,使所有的div使用指令

enter image description here

電網有沒有妥善安排。

當我在控制檯執行以下代碼時,它正確地形成了網格。

var maxHeight = Math.max.apply(null, $("#activityfeeddetails").find(".course_thumb_outer").map(function(){ 
        return $(this).height(); 
       }).get()); 

$("#activityfeeddetails").find(".course_thumb_outer").css("height",maxHeight); 

屏幕執行的代碼之後:

enter image description here

問:我如何添加該代碼在角指令,這樣一旦所有的數據和模板被加載時執行。

編輯:這裏是當前指令(不正常),

dwmProfileDirectives.directive('profileActivityFeedTab', ['Activityfeed', function(Activityfeed) { 
    return { 
     restrict: 'E', 
     scope: { 
      current:'=current' 
     }, 
     templateUrl:'tabs/dwm-profile-activity-feed.html', 
     controller: function($scope) { 
      $scope.Activityfeeds = Activityfeed.get(); 
      $scope.Activityfeeds.$get().then(function(v){ 
       var maxHeight = Math.max.apply(null, angular.element("#activityfeeddetails").find(".course_thumb_outer").map(function(){ 
        return $(this).height(); 
       }).get()); 

       angular.element("#activityfeeddetails").find(".course_thumb_outer").css("height",maxHeight); 
      });   
     } 
    }; 
}]); 
+0

使用同一高度的柔性屬性 –

回答

0

你可以簡單地通過設置min-height財產,而不是heigth解決這個問題,所有的元素將具有最大高度元素的相同高度。

所以才改變這一行:

angular.element("#activityfeeddetails").find(".course_thumb_outer").css("height",maxHeight); 

下列要求:

angular.element("#activityfeeddetails").find(".course_thumb_outer").css("min-height",maxHeight); 

它應該做的伎倆。

+0

:(我正在做同樣的事情 –

+0

它並沒有給出想要的結果嗎?試着給你的主要容器包含所有這些Div的'display:table'。 –