javascript - angularjs、ng-repeat 和 DOM 元素大小

Question

我有一部分代码，如下所示：

<div class="wrapper-directive">
   <div class="table" style="display:table">
      <div class="column" style="display:table-cell;" ng-repeat="column in columns">   
        {{column.text}}</div>
      </div>
   </div>

如何从“wrapperDirective”中获取重复“列”元素的宽度？据我了解，我需要类似 onDomRepeatComplete 事件，但此时我仍然找不到正确的解决方案和语法，只使用 setTimeout pause ...

Answer 1

$last可用于确定创建最后一个 <div> 的时间。有关可以附加到 <div> 元素的指令的实现，请参见这个小提琴（我没有写它） ：checkLast

directive('checkLast', function () {
  return function (scope, element, attrs) {
     if (scope.$last === true) {
        element.ready(function () {
           // determine width here using jQuery or JavaScript
           // If that doesn't work try with $timeout:
           // $timeout(function() { 
           //    ...
           //}, 0, false);  // remove false if you need $apply to run

另请参阅https://stackoverflow.com/a/13906907/215945