基于angular 7中的路由组件在主体中添加或删除类

在Angular 7中，可以通过路由组件来动态地添加或删除类。路由组件是Angular中用于定义页面的组件，通过路由配置可以实现页面之间的导航和切换。

要在主体中添加或删除类，可以按照以下步骤进行操作：

1. 首先，在Angular项目中创建一个路由组件。可以使用Angular CLI命令ng generate component componentName来生成组件文件。
2. 在路由配置文件（通常是app-routing.module.ts）中定义路由。可以使用RouterModule.forRoot(routes)方法来配置路由，其中routes是一个包含路由信息的数组。
3. 在主体组件的模板文件中，使用<router-outlet></router-outlet>标签来显示路由组件。这个标签会根据当前的路由路径动态地加载对应的路由组件。
4. 在主体组件的类文件中，可以使用Router服务来进行路由导航。通过调用navigate()方法可以实现页面的跳转。例如，this.router.navigate(['/routePath'])会导航到指定的路由路径。
5. 要在主体中添加或删除类，可以在路由组件的模板文件中使用ngClass指令。ngClass指令可以根据条件动态地添加或删除类。例如，可以使用[ngClass]="{'className': condition}"来根据condition的值来添加或删除className类。

总结起来，基于Angular 7中的路由组件在主体中添加或删除类的步骤如下：

1. 创建路由组件。
2. 在路由配置文件中定义路由。
3. 在主体组件的模板文件中使用<router-outlet></router-outlet>标签显示路由组件。
4. 在主体组件的类文件中使用Router服务进行路由导航。
5. 在路由组件的模板文件中使用ngClass指令来添加或删除类。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出相关链接。但是可以参考腾讯云的官方文档和网站，了解他们提供的云计算服务和产品。