使用AngularJS，我需要使用选择器将HTML附加到ng-repeat元素：’objectMapParent-‘+ post._id

  <div ng-repeat="post in posts">

    <div id="{{ 'objectMapParent-' + post._id }}">
      <h5 style="color:blue; margin-top: 3px;">{{post.title}}</h5>

    </div>
  </div>

所以我创建了一个循环以遍历posts数组的元素的循环，对于每个元素，我在其中调用函数：createElement

 $scope.posts = [{
    _id: "1",
    title: "map of london"
  }, {
    _id: "2",
    title: "map of brazil"
  }, {
    _id: "3",
    title: "map of usa"
  }];

  $scope.posts.forEach(function(post) {
    // console.log(post);

    createElement("#objectMapParent-" + post._id, function() {
      //create map here after append 
    });
  });

该回调函数获得一个选择器elementParent，该选择器用于在DOM中查找节点，然后附加所需的HTML

  var createElement = function(elementParent, cb) {

    var aux = elementParent;

    var postId = aux.replace("#objectMapParent-", "");

    var myElement = angular.element(document.querySelector(elementParent));

    var html = "<div id='objectMap-" + postId + "'><div id='BasemapToggle-" + postId + "'></div></div>";
    myElement.append(html);

    cb();
  };

但是有些事情行不通，就我而言，document.querySelector函数找不到选择器。

在我看来，当它尝试选择时，该节点尚不存在于DOM中。

我在codepen中复制了代码，可能会有所帮助。