循环遍历$元素的子元素

时间:2013-09-17 07:05:43

标签: javascript angularjs

我需要在创建自定义指令时循环遍历$元素的所有子元素。这是指令控制器的代码。

        controller: function ($element, $scope) {
        $scope.showChildElementData = function () {
            var sameLevelElems = $element.children());

            for (var i = 0; i < sameLevelElems.length; i++) {
                console.log(sameLevelElems[i].data());
            }
        };
    }

对数据的函数调用返回错误

TypeError: Object #<HTMLLIElement> has no method 'data'

但我能做到

sameLevelElems.data()

总是返回第一个元素数据。我怎样才能遍历所有孩子?

1 个答案:

答案 0 :(得分:1)

Angular的elementdata方法。所以首先包装你的sameLevelElems[i],如下所示:

angular.element( sameLevelElems[i] ).data()