2017-02-23 63 views
3

本帖旨在獲得關於以下事項的第二意見。以下是配置/tasks URL的組件的兩條路線。我已經測試過,他們似乎是相同的。現在我想知道哪一個是首選。假設路線中有其他的孩子標記爲...在兒童空路徑或家長中指定組件

所以,其中組分是沿着path中指定的第一個:

export const tasksRoutes: Routes = [ 
    { 
    path: 'tasks', 
    component: ExTasksComponent, 
    children: [ 
     ... 
    ] 
    } 
]; 

而且其中組分在children節點的空路徑中指定的第二:

export const tasksRoutes: Routes = [ 
    { 
    path: 'tasks', 
    children: [ 
     { 
     path: '', 
     component: ExTasksComponent 
     } 
     ... 
    ] 
    } 
]; 

任何想法?

+0

它們不等價。在第一個例子中,將爲**所有子組件**顯示ExTasksComponent的模板,而在第二個示例中,ExTasksComponent的模板將僅顯示一次**。問題是「所有以'path ...'開頭的路線都有共同的標記(例如導航欄),你可以在父組件中包裝」? – AngularChef

+0

@AngularFrance,請你澄清一下,我不明白你的意思。在'ExTasksComponent'模板裏面有'',這是其他子組件將被渲染的地方。對於這兩種配置都是如此。 –

+1

在第一個例子中,即使只包含'',每個孩子仍然會顯示父模板(我同意用一個組件/模板來保存插座會有點浪費)。無論如何,我的觀點是你的兩個例子並不完全相同。更具體地說,ExTasksComponent的模板在示例#1和示例#2中不會有相同的標記,因此標記的結構可以幫助您確定最佳設置。 – AngularChef

回答