javascript - 遍历 $element 的子元素

Question

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

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

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

Answer 1

Angular 的 element有 data 方法。所以首先包装你的 sameLevelElems[i] ，像这样:

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