docs(angular): add example repo for dynamic federation #12958 (#13900)

This commit is contained in:
Colum Ferry 2022-12-19 15:30:50 +00:00 committed by GitHub
parent 4e54b1a545
commit 079753d977
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -189,22 +189,17 @@ First, add `FormsModule` to the `imports` array in your `remote-entry/entry.modu
```ts {% fileName="remote-entry/entry.module.ts" %} ```ts {% fileName="remote-entry/entry.module.ts" %}
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router'; import { RouterModule } from '@angular/router';
import { RemoteEntryComponent } from './entry.component'; import { RemoteEntryComponent } from './entry.component';
import { NxWelcomeComponent } from './nx-welcome.component';
import { remoteRoutes } from './entry.routes';
import { FormsModule } from '@angular/forms';
@NgModule({ @NgModule({
declarations: [RemoteEntryComponent], declarations: [RemoteEntryComponent, NxWelcomeComponent],
imports: [ imports: [CommonModule, FormsModule, RouterModule.forChild(remoteRoutes)],
CommonModule,
FormsModule,
RouterModule.forChild([
{
path: '',
component: RemoteEntryComponent,
},
]),
],
providers: [], providers: [],
}) })
export class RemoteEntryModule {} export class RemoteEntryModule {}
@ -461,6 +456,8 @@ nx serve dashboard --devRemotes=login
Should result in the same behaviour as before, except that our Dashboard application is waiting until runtime to find out the deployed location of our Login application. Should result in the same behaviour as before, except that our Dashboard application is waiting until runtime to find out the deployed location of our Login application.
{% github-repository url="https://github.com/Coly010/nx-ng-dyn-fed" /%}
In the next section, we will see how Nxs generators can be used to automate a lot of this process for us! In the next section, we will see how Nxs generators can be used to automate a lot of this process for us!
--- ---