有没有办法在角度2中创建中间路线

时间:2017-05-02 08:55:48

标签: angular angular2-routing

我的目标是在每个其他导航路线中都有一个单页样式主页,其中包含单个路由器插座和传统布局(页眉,正文,页脚),每个其他路线都有一个路由器插座。 我不能在我的主页中有一个空页眉和页脚组件的原因是因为我想在我的主页上使用fullpage.js,它有非常严格的布局要求。 我希望有一条路径可以作为主页和应用程序其他部分之间的中间路径。并使用像/ app(页面:产品)

这样丑陋的网址来逃避

site layout

1 个答案:

答案 0 :(得分:1)

如何创建工厂,并使用ng-content使用角度转换。

您的工厂示例:

  <div class="factory-container">
    <factory-header>
      <ng-content select="header"></ng-content>
    </factory-header>
    <div class="factory-section">
      <router-outlet></router-outlet>
    </div>
    <factory-footer>
      <ng-content select="footer"></ng-content>
    </factory-footer>
  </div>

然后在你的一个组件中:

<factory>
  <header>
   YOUR CONTENT LOGIC
  </header>
  <footer>
   YOUR CONTENT LOGIC
  </footer>
</factory>

也许这个链接可以提供帮助:https://scotch.io/tutorials/angular-2-transclusion-using-ng-content