Angular 7路由的新代码..旧的Angular路由代码不起作用

Angular 7引入了一种新的路由模块，用于管理和导航应用程序的不同视图。相比于旧的Angular路由代码，新的Angular 7路由代码提供了更简洁、可维护和可扩展的方式来定义应用程序的导航逻辑。

新的Angular 7路由代码采用了模块化的方式组织应用的路由配置。我们可以将路由配置集中放置在一个单独的模块中，并通过RouterModule的forRoot方法将其导入到应用的根模块中。这种模块化的方式使得路由配置更加清晰，易于管理和维护。

新的Angular 7路由代码还引入了一些新特性和改进，包括：

1. 路由器导航事件：Angular 7提供了路由器导航事件，我们可以通过订阅这些事件来监听路由导航的各个阶段，如导航开始、导航结束等。这使得我们可以更好地控制和监测应用程序的导航过程。
2. 路由器守卫：Angular 7引入了路由器守卫，用于在路由导航过程中进行权限验证和跳转控制。通过实现CanActivate、CanActivateChild、CanLoad等守卫接口，我们可以定义路由守卫逻辑，并在路由导航时进行验证和控制。
3. 懒加载模块：新的Angular 7路由代码支持懒加载模块，即按需加载模块。通过将模块的路由配置放置在单独的文件中，并使用import()函数进行动态加载，我们可以实现按需加载模块，从而提高应用的初始加载速度和性能。
4. 路由参数和查询参数处理：Angular 7提供了更方便的方式来处理路由参数和查询参数。我们可以通过路由配置中的path属性指定路由参数，通过queryParams属性指定查询参数，并在组件中使用ActivatedRoute服务来获取和处理这些参数。
5. 路由器动画：新的Angular 7路由代码支持在路由导航过程中添加动画效果。我们可以通过定义路由动画，如进场动画、离场动画等，使得应用在切换路由时呈现出流畅的动画效果。

总结起来，新的Angular 7路由代码提供了更简洁、可维护和可扩展的方式来管理和导航应用程序的不同视图。它引入了一些新特性和改进，如路由器导航事件、路由器守卫、懒加载模块、路由参数和查询参数处理、路由器动画等。通过合理利用这些特性，我们可以更好地控制和管理应用的导航逻辑，提高应用的性能和用户体验。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，满足各类应用的需求。详情请参考：云服务器
• 腾讯云对象存储（COS）：提供安全可靠、高扩展性的对象存储服务，适用于存储和处理大量非结构化数据。详情请参考：对象存储
• 腾讯云人工智能平台（AI）：提供丰富的人工智能服务和工具，帮助开发者构建智能化的应用。详情请参考：人工智能

请注意，以上链接只是示例，实际选择腾讯云产品时需根据具体需求进行评估和选择。