javascript - 如何通过 ID 获取 AngularJS 中动态生成的 ID 的元素？

Question

我正在生成如下列表

<div ng-repeat="list in fileUploadList">
    <div id="{{list}}Upload"></div>
</div>

在 Controller 内部，我必须通过 ID 获取元素，所以我使用了这一行:

document.getElementById($scope.fileUploadList[0] + 'Upload')

我将结果记录到控制台，但返回的是 null。我该怎么办？

Controller 中的函数

$scope.loadHandleImage = function () {

     console.log(document.getElementsById($scope.fileUploadList[0] + 'Upload'));
            for (var i = 0; i < $scope.fileUploadList.length; i++)
            {  
                document.getElementById($scope.fileUploadList[i] + 'Upload').addEventListener('change', handleImage, false);   
            }

其中handleImage是要调用的函数

Answer 1

当您尝试使用 angular.element(document).ready 方法访问元素时，我遇到了问题 document was not ready

angular.element(document).ready(function() {
console.log(document.getElementById($scope.fileUploadList[0] + "Upload"))
});

这是工作示例 http://jsfiddle.net/hqqewnyc/