通过Angular Router向组件传递数据是否为最佳实践，还是应使用Service实现？

通过Angular Router的data字段传递数据是Angular官方支持的合法实践，不存在“不合理”的问题，和Service传递数据的适用场景不同，没有绝对的优劣之分。你当前使用activatedRoute.snapshot.data.account取数的写法是标准的路由数据读取方式，完全符合官方规范。

满足以下特征的场景优先选择路由传数据：

• 数据和当前路由强绑定：比如页面权限标记、路由对应的页面配置项、通过路由Resolver（解析器）提前拉取的、进入页面前必须加载完成的初始化数据
• 数据仅需要供给当前路由对应的组件、以及其内部子组件使用，不需要跨路由全局共享
• 数据不需要响应式更新：路由快照（snapshot）中的数据是路由激活时的固定值，后续源数据变更不会自动同步到组件，适合仅需要一次性初始化的场景

满足以下特征的场景优先选择Service做数据传递：

• 数据需要跨多个路由、多个无父子关系的独立组件共享，比如全局登录态、应用全局配置、购物车数据等
• 数据需要支持响应式更新：即数据后续发生变更时，所有用到该数据的组件需要自动同步更新，这种场景下搭配RxJS的可观察对象在Service中做状态管理是更合适的方案
• 数据和路由没有强绑定：比如同一个组件可能在多个路由下复用，数据来源不依赖路由激活逻辑

如果你的路由会出现参数变化但组件不复用的场景，需要监听路由数据的动态变更，不要使用快照取值，改为订阅activatedRoute.data可观察对象即可：

this.activatedRoute.data.subscribe(data => {
  this.account = data.account;
})

内容的提问来源于stack exchange，提问作者MarcelSauter