离子JavaScript函数在第一次加载时起作用，但在第二次加载时不起作用

Question

就我而言，我只是使用id="bodyText"对div元素执行一个简单的JavaScript函数。第一次进入ArticlePage时，它会按预期工作。

export class ArticlePage implements OnInit {
  ngOnInit() {
    let bodyWrapper = document.getElementById('bodyText');
    bodyWrapper.innerHTML = "";
    bodyWrapper.classList.add('my-class')
  }
}

但是，当我离开页面并重新输入时，该功能将无法再次使用。这是存储页面的HTML。

<ng-component class="app-root">
  <ion-nav ng-reflect-root="function HomePage(navCtrl, n">
    <div nav-viewport=""></div>
    <page-article style="z-index: 101"></page-article> // Function works fine
    <page-other1 style="z-index: 102"></page-other1>
    <page-other2 style="z-index: 103"></page-other2>
    <page-article style="z-index: 104"><page-article> // Function doesn't work
    <div class="nav-decor"></div>
  </ion-nav>
</ng-component>

每次访问同一页面时如何使此功能起作用？