Halo saya hanya ingin tahu berapa banyak outlet router yang dapat saya gunakan di sudut, apakah ada batasan?

Jika demikian berapa banyak?


Berikut adalah tautan untuk memahami "multiple outlet", bagi siapa saja yang tidak mengetahui hal ini!

https://medium.com/angular-in-depth/angular-router-series-secondary-outlets-primer-139206595e2

Terima kasih

1
Yerrapotu ManojKiran 7 Januari 2021, 16:24

3 jawaban

Jawaban Terbaik

Tidak ada batasan pada outlet, namun setiap outlet sesuai dengan sepotong kode, yang akan ditampilkan di sana, dan itu memengaruhi url. Dengan lebih banyak kode, aplikasi Anda akan dimuat lebih lama dan ada beberapa batasan pada panjang url. selain dari 2 ini saya rasa tidak ada batasan

2
Andrei 7 Januari 2021, 14:34

apakah ada batasannya?

Tidak, tidak ada batasan khusus.

1
Deepak 7 Januari 2021, 13:41

Jika Anda ingin menggunakan beberapa <router-outlet></router-outlet>, Anda dapat menggunakannya. Tidak ada batasan dalam sudut tetapi ada beberapa praktik terbaik menggunakan banyak tempatkan satu di app.component.html dan jika Anda memiliki sejumlah modul unggulan maka Anda dapat menggunakan terpisah untuk setiap modul unggulan.

===== app.component.html======

<app-header></app-header>
<!-- router-outlet will emit an activate event any time a new component is being instantiated, and a deactivate event when it is being destroyed. -->
<!-- It will act as a placeholder that angular automatically fills the current route state-->
<router-outlet></router-outlet>
<app-footer></app-footer>

======= app-routing.ts =====

export const routes: Routes = [
  { path: '', redirectTo: 'dashboard', pathMatch: 'full' , canActivate : [AuthGuardService]},
  { path: 'dashboard',  component: DashboardComponent, canActivate : [AuthGuardService], data: {role: 'system'}},
  { path: 'featureModule', loadChildren: './module/featureModule.module#FeatureModule', canActivate : [AuthGuardService]},
  { path: '**', component: NotFoundComponent }
];

Dan di FeatureModule tambahkan saparate <router-outlet> sehingga semua komponen dalam featuresModule akan dirender di FeatureModuleComponent.html.

FiturModuleComponent.Html

<app-menu [sysType]="featureModule"></app-menu>
<div class="bg-mage" [ngStyle]="{'background-image': backgroundImage, 'height': customImgHeight} ">
    <router-outlet></router-outlet> <!-- router outlet of featured module -->
</div>
1
Sarjerao Ghadage 7 Januari 2021, 13:54