在Angular开发中，组件懒加载是一种优化应用性能和加载速度的有效策略。Angular 6.0引入了对懒加载模块的支持，使得开发者能够按需加载组件，而不是一次性加载整个应用程序。这样，只有当用户实际需要访问某个组件时，该组件及其关联资源才会被下载到客户端，从而减少初始加载时间和内存占用。
在上述示例中，`iwe7-lazy-load` 是一个第三方库，它扩展了Angular的懒加载功能，提供了更方便的方式来管理和实现组件级别的懒加载。以下是对关键步骤的详细说明：
1. **安装依赖**：你需要通过`npm`或`yarn`来安装`iwe7-lazy-load`库。在这个例子中，使用`yarn add iwe7-lazy-load`命令将库添加到项目中。
2. **导入模块**：在你的主模块（AppModule）中，你需要导入`Iwe7LazyLoadModule`并使用`forRoot`方法配置它。同时，你也需要提供一个包含所有懒加载组件信息的数组，例如`lazyComponentsModule`，这个数组中的每个对象都应包含组件的selector、path以及`loadChildren`属性，该属性指向组件的模块文件。
3. **设置schemas**：为了确保Angular编译器能正确处理未声明的组件，你需要在主模块的`schemas`属性中加入`CUSTOM_ELEMENTS_SCHEMA`和`NO_ERRORS_SCHEMA`。
4. **在模板中使用**：在HTML模板中，你可以像平常一样使用懒加载组件，例如 `<lazy-test></lazy-test>`。但是，这个组件不会立即加载，而是等到需要时才会加载。
5. **初始化懒加载**：在组件的类中，你需要注入`LazyLoaderService`服务，并通过`ViewChild`获取到懒加载组件的元素引用。然后在`ngOnInit`中调用`lazyLoader.init`来初始化懒加载组件。
6. **定义懒加载组件**：懒加载组件需要继承自`LazyComponentModuleBase`，并在其模块中声明。此外，还需要重写`getComponentByName`方法，返回对应的组件类型。
7. **配置路由**：在懒加载组件的模块中，需要配置RouterModule，为组件定义路由。`RouterModule.forChild`接受一个路由数组，其中包含组件的路径和组件本身。
通过这样的配置，当用户滚动到`lazy-test`组件所在的区域时，Angular会自动加载对应的组件模块，从而实现组件的懒加载。这种做法对于大体积的应用或者首页内容繁多的情况尤其有益，因为它可以显著减少首次加载的时间，提高用户体验。
在实际项目中，组件懒加载可以与路由懒加载结合使用，以进一步优化性能。例如，对于那些用户可能很少访问的页面，可以配置为懒加载路由，同时在这些页面中使用懒加载组件，双重优化加载效率。
Angular 6.0的组件懒加载功能是构建高性能Web应用的重要工具，它允许开发者以更细粒度的方式控制资源的加载，提升应用的启动速度和整体性能。`iwe7-lazy-load`库则为这一功能的实现提供了便利，让开发者能更轻松地集成和管理懒加载组件。
