构建包含路由的独立Angular 7库，并在Angular 2.4.8应用程序中安装和使用。

要构建包含路由的独立Angular 7库，并在Angular 2.4.8应用程序中安装和使用，可以按照以下步骤进行操作：

1. 创建独立的Angular 7库：

   • 使用Angular CLI创建一个新的Angular 7库：

     ng new my-library
     

   • 在库的根目录中创建一个新的路由模块：

     ng generate module my-library-routing --routing
     

   • 在路由模块中定义路由：

     import { NgModule } from '@angular/core';
     import { RouterModule, Routes } from '@angular/router';
     import { HomeComponent } from './home.component';
     
     const routes: Routes = [
       { path: '', component: HomeComponent }
     ];
     
     @NgModule({
       imports: [RouterModule.forChild(routes)],
       exports: [RouterModule]
     })
     export class MyLibraryRoutingModule { }
     

   • 创建一个新的组件文件 home.component.ts 和 home.component.html，并实现相应的功能。

2. 构建和打包独立库：

   • 在库的根目录中运行以下命令来构建库：

     ng build my-library
     

   • 执行完毕后，将在 dist 目录下生成打包好的库文件。

3. 在Angular 2.4.8应用程序中安装和使用独立库：

   • 在应用程序的根目录中使用npm安装独立库：

     npm install /path/to/my-library/dist/my-library-0.0.1.tgz
     

   • 在应用程序中导入独立库的模块和组件：

     import { NgModule } from '@angular/core';
     import { BrowserModule } from '@angular/platform-browser';
     import { MyLibraryModule } from 'my-library';
     import { AppComponent } from './app.component';
     
     @NgModule({
       imports: [
         BrowserModule,
         MyLibraryModule
       ],
       declarations: [AppComponent],
       bootstrap: [AppComponent]
     })
     export class AppModule { }
     

   • 在应用程序的组件模板中使用独立库的组件：

     <my-library-home></my-library-home>
     

4. 运行应用程序：

   • 在应用程序的根目录中运行以下命令来启动应用程序：

     ng serve
     

   • 打开浏览器并访问 http://localhost:4200，将看到应用程序中使用的独立库的组件和路由功能。

请注意，由于Angular 7与Angular 2.4.8之间存在一些重要的差异，因此在使用独立库时可能会遇到一些兼容性问题。在进行迁移之前，请确保先了解并解决这些问题。