javascript - 循环遍历 $element 的子元素

Question

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

        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()

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

Answer 1

Angular's element has data method. So wrap your sameLevelElems[i] first , like this:

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