要将组件导入到Angular 6的routing.module中,可以按照以下步骤进行操作:
首先,确保你已经正确地导入了要使用的组件。假设你要导入的组件名为“ExampleComponent”,它位于“example”文件夹下的“example.component.ts”文件中。
然后,在你的routing.module.ts文件中,需要导入ExampleComponent,并在路由数组中添加相应的路由配置。
下面是一个示例代码,演示了如何将ExampleComponent导入到routing.module中:
// 导入ExampleComponent
import { ExampleComponent } from './example/example.component';
// 在路由数组中添加路由配置
const routes: Routes = [
{
path: 'example',
component: ExampleComponent
}
];
// 导出RouterModule
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
在上述代码中,我们首先从'./example/example.component'路径中导入了ExampleComponent。然后,在路由数组中,我们添加了一个名为'example'的路由配置,将ExampleComponent作为对应的组件。
最后,我们将RouterModule导出,以便在其他模块中使用。
确保按照以上步骤操作后,你就能够成功将组件导入到Angular 6的routing.module中了。