亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

同一模板中的Angular2多個路由器出口

同一模板中的Angular2多個路由器出口

動漫人物 2019-11-12 14:53:45
同一模板中可以有多個路由器插座嗎?如果是,那么如何配置路由?我正在使用angular2 beta。
查看完整描述

3 回答

?
料青山看我應如是

TA貢獻1772條經驗 獲得超8個贊

通過配置路由器并為路由器插座提供名稱,您可以在同一模板中具有多個路由器插座,您可以按以下步驟實現。


以下方法的優點是,您可以避免URL看起來很臟。例如:/ home(aux:login)等。


假設負載,您正在引導appComponent。


app.component.html


<div class="layout">

    <div class="page-header">

        //first outlet to load required component

        <router-outlet name='child1'></router-outlet>

    </div>

    <div class="content">

        //second outlet to load required component

        <router-outlet name='child2'></router-outlet>

    </div>

</div>

將以下內容添加到路由器。


{

    path: 'home',  // you can keep it empty if you do not want /home

    component: 'appComponent',

    children: [

        {

            path: '',

            component: childOneComponent,

            outlet: 'child1'

        },

        {

            path: '',

            component: childTwoComponent,

            outlet: 'child2'

        }

    ]

}

現在,在加載/ home時,appComponent將使用分配的模板進行加載,然后角度路由器將檢查路由并根據名稱在指定的路由器出口中加載子組件。


像上面一樣,您可以將路由器配置為在同一路由中具有多個路由器出口。


查看完整回答
反對 回復 2019-11-12
  • 3 回答
  • 0 關注
  • 1089 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號