为什么在angular 4中递归调用函数后，document.getElementById（）返回null？

Question

我使用的是Angle 4，在我的组件中，我有一个用于设置HTML元素innerHTML的函数。他第一次执行此操作，但是它有效，但是第二次显示Cannot set property 'innerHTML' of null错误！有什么问题吗？

这是组件：

    showOutgingViewForm(id) {
        this.router.navigate(['viewoutgoing/' + id]);
        this.show(id);
      }

    show(id) {
        // setting the style of mail content
        document.getElementById('inner-section').innerHTML = this.toFarsiNumberContect(mail.mail.rows[0].content);
  }

这是html：

<md-tab>
   <div class="inner data_font" id="inner-section"></div>
</md-tab>
<md-tab>
   <ng-template let-value="value" let-row="row" ngx-datatable-cell-template>
     <a class="data_font" (click)="showOutgingViewForm(row.id)">{{value}}</a>
   </ng-template>
</md-tab>