用ngRepeat填充tx3 TagCloud

Question

我正在使用tx3标签云来可视化一些数据。实际上，它使用起来很简单。

<ul id="tagcloud">
<li data-weight="50"><a href="#">HTML5</a></li>
<li data-weight="24"><a href="#">CSS3</a></li>
<li data-weight="28"><a href="#">Javascript</a></li>
<li data-weight="32"><a href="#">jQuery</a></li>
...
</ul>

我想用ngRepeat填充一个角度作用域列表中的元素。

<li data-weight="{{element.weight}}" ng-repeat="element in list">{{element.title}}</li>

在DevTools/Firebug中，我可以看到所有li元素都已创建，但忽略了数据权重。如果没有ngRepeat，我可以看到带有大小值的样式属性将被添加到li元素中。对于ngRepeat，情况并非如此。

我认为问题在于，在创建标签云的时候，角度范围没有被加载/初始化。有没有办法在页面加载之前强制完全加载作用域？

提前谢谢。

Answer 1

我解决了向ng-repeat添加指令的问题。在这个指令中，我调用了timeout函数，然后初始化了标签云。

function ngRepeatDoneNotification($timeout) {

        return {
            link: function(scope, element, attrs) {
                if (scope.$last){ // ISSUE IS HERE
                        $timeout(function() {
                        $("#tagcloud").tx3TagCloud({
                            multiplier: 5 // default multiplier is "1"
                        });
                    });
                }
            }
        }
    }