javascript - AngularJS:使用指令前置 HTML

Question

Service.js

this.showSpinner = function (Id) {

    angular.element("<wave-spinner id='spinner00' ng-show='true'></wave-spinner>").remove();
    var myEl = angular.element(document.querySelector("#header00"))
    myEl.prepend($compile("<wave-spinner id='spinner00' ng-show='true'></wave-spinner>")($rootScope));
};

HTML

<div id="header00" style="">Some Content</div>

我尝试使用 jQlite 中提到的 prepend 方法，但它不起作用。

1. 如何在 div header00 之前显示指令？ .append 适用于指令但不是 .prepend 在匹配的 div 之前添加任何 html 内容元素。
2. 当再次调用指令时，如何删除现有的 html。remove() 对我不起作用。

Answer 1

你可以这样做:

<wave-spinner id='spinner00' ng-show='isLoadingContent'></wave-spinner> 
<div id="header00" style="">Some Content</div>

以及service.js

 this.showSpinner = function () {
     this.isLoadingContent = true;
 };