Question

我正在阅读有关Angular中的延迟加载的文章。

任何人都可以通过以下路线向我解释“ #LazyModule”的目的吗？

const路线：路线= [ {path：'lazy'，loadChildren：'./lazy.module#LazyModule'} ];

原始文章：https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/

Answer 1

<!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl"> </div> <script> var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { }); </script> </body> </html>是模块类的名称

#<module_name>

Answer 2

这不是单词，它是要延迟加载的.TS文件的类名。

示例。

const routes: Routes = [
  {
    path: 'customers',
    loadChildren: './customers/customers.module#CustomersModule'
  },
  {
    path: 'orders',
    loadChildren: './orders/orders.module#OrdersModule'
  },
  {
    path: '',
    redirectTo: '',
    pathMatch: 'full'
  }
];

在customers.module.ts class CustomersModule{}

中

所以您的情况是class LazyModule{}

在定义子路由以在angular

2 个答案: