javascript - 我如何通过链接函数中的 css 类选择/替换元素组件？

Question

我一直在尝试选择并替换我的指令模板中具有类 .placeholder 的特定元素。我尝试使用 replaceWith() 但我收到一条错误消息，指出它不是一个函数。如何通过链接函数内的 css 类选择/替换元素组件？

这是我的代码:

var comments = function($compile){
  return {
    templateUrl : 'modules/comments/commentsDirective.html',
    restrict:'E',
    scope:{
      collection: '='
    },

    link: function(scope, element, attrs){
        if(scope.collection.data.replies){
          var elementResult = element[0].getElementsByClassName('placeholder');
          console.log(elementResult); //works fine 

          //throws an error here:***
          elementResult.replaceWith($compile('<ul ng-repeat="comment in collection.data"><comments collection="comment"></comments></ul>')(scope));

        }
    }
  };
};

Answer 1

要调用 jqLit​​e 函数 replaceWith()，我们需要用 angular.element() 包装我们的原始选择器。每angular.element docs ...

Wraps a raw DOM element or HTML string as a jQuery element.

观察以下变化...

var elementResult =   
    angular.element(element[0].getElementsByClassName('placeholder'));