Я разрабатываю угловое приложение, использующее WebApi2 для серверной части.До сих пор у меня было приложение с одним модулем.Но теперь мы решили оптимизировать наше приложение, разделив его на несколько модулей и используя ленивую загрузку.
Я пытаюсь переместить раздел «Отчеты» нашего приложения в отдельный модуль и хочу, чтобы мои отчеты открывались на новой вкладке браузера без загрузки всех других модулей, чтобы сократить время загрузки отчетов..
Я попытался реализовать это с помощью отложенной загрузки, и он открывает мои отчеты на новой вкладке, но все равно снова загружает все остальные модули.
Это ссылка, которой я являюсьиспользуя в моем заголовке шаблон меню:
<li [routerLinkActive]="['active']"><a [routerLink]="['reportdashboard']" target="_blank" [queryParams]="{ rt: 'business'}"> Business Reports</a></li>
Это ленивый загруженный маршрут, который лениво загружает мой ReportsModule:
{ path: 'reportdashboard', loadChildren: './modules/reports/report.module#ReportsModule' },
Ниже приведен код моего файла app.module, который отображаетразличные модули:
import {SharedModule} from './modules/shared/shared.module';
Я добавил этот SharedModule в свойстве import @NgModule в app.module.ts.И я лениво загружаю ReportsModule, и он не требуется и импортирует в модуль приложения.Я добавил его маршрут выше в описании.