当其他组件延迟加载时,如何更改AppComponent模板中的某些部分

时间:2017-05-21 23:45:33

标签: angular angular2-template

我在AppComponent

中有以下模板
<admin-main-navbar></admin-main-navbar>

<admin-secondary-navbar></admin-secondary-navbar>

<admin-page-header></admin-page-header>

<div class="page-container">
  <div class="page-content">
    <div class="content-wrapper">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>

admin-page-header是具有以下模板的组件:

<div class="page-header">
    <div class="page-title">
      <h4>
        <i class="icon-home position-left"></i>
        Dashboard
      </h4>
  </div>
</div>

目前标题部分总是说信息中心。所有部分都在<router-outlet></router-outlet>内延迟加载。我需要在转到像/product/list之类的部分时将标题组件标题更改为&#34; Products&#34;并改变图标。

我尝试使用包含但不起作用,因为新标题是在router-outlet中加载的组件中定义的

0 个答案:

没有答案