在Angular应用程序中检查分离的DOM树

Question

任何想法为什么以下显示为Detached DOM树？ 我试图在我的应用程序中追踪内存泄漏。

我在控制台中使用$ 0取出这些片段。在chrome profiler中，包含的对象都以红色突出显示，表示它们不能是GC或以某种方式阻止垃圾收集。

<div class="col-sm-6 col-md-6 col-lg-8 ng-scope" ng-if="!ismobile">
      <div>
        <h1 class="ng-binding">{{episodeobj.seriesTitle}}</h1>
        <h2 class="ng-binding">{{episodeobj.titlefull}}</h2>
      </div>
      <hr>
      <h4 class="ng-binding">{{episodeobj.summaryshort}}</h4>
    </div>

---

<div class="col-sm-6 col-md-6 col-lg-8 ng-scope" ng-if="ismobile">
  <div>
    <h1 class="ng-binding">{{episodeobj.seriesTitle}}</h1>
    <h2 class="ng-binding">{{episodeobj.titlefull}}</h2>
  </div>
  <hr>
  <h4 class="ng-binding">{{episodeobj.summaryshort}}</h4>
</div>

---

<div class="row" style="height: 350px; overflow: hidden; overflow-y: scroll;">
  <div class="row">
    <div class="col-sm-6 col-md-3" ng-repeat="avi in avatars">
      <a ng-href="#" ng-click="$event.preventDefault();setavatarid(avi)">
        <img ng-src="{{avi.src}}" width="100%" />
      </a>
    </div>
  </div>
</div>

---

<a href="#" ng-click="$event.preventDefault;gotoseries()">
  <img ng-src="{{series.imagestyles.style6}}" width="100%" style="border-radius: 20px;">
  <br>
  <h4>More Episodes!</h4>
</a>