Angularjs 角度javascript:无法访问DOM元素

控制器代码：

$scope.items = [];
$scope.items = [{'name': 'name x', 'id': 'xyz'},
                                    {'name': 'name y', 'id': 'uqh'}];

console.log(document.getElementById('xyz')+'<--- Element is created');

$scope.items=[]；
$scope.items=[{'name'：'name x'，'id'：'xyz'}，
{'name'：'name y'，'id'：'uqh'}]；
console.log（document.getElementById（'xyz'）+'嗯，我建议创建一个如下的指令：

<div ng-repeat="item in items">
  <div draw-my-chart="{{item.id}}"/>
</div>

你想做什么？你不应该在控制器中与dom交互。请为你的问题添加更多上下文。我想在其中动态添加画布元素，然后绘制。
<div ng-repeat="item in items">
    <div ng-bind="drawInElement(item.id)" id="{{item.id}}"/>
</div>

<div ng-repeat="item in items">
  <div draw-my-chart="{{item.id}}"/>
</div>

angular.directive('drawMyChart', function() {
  return {
    link: function(scope, element, attrs) {
      // access your element here ...
    }
  };
})