重用 Angular 组件

Question

我正在使用 Angular 1.5.5 版和打字稿创建基于组件的 Angular 应用程序。在标题组件中，我有国家下拉菜单。该标题组件在多个页面中重复使用。从下拉列表中选择国家/地区后，该特定范围仅适用于该页面，一旦我导航到其他页面，它就会丢失。

有没有更好的方法可以根据我的场景重用组件？

Answer 1

一些建议，

1. 您可以使用 $rootScope，因为它在全球范围内可用，请将国家/地区保留在 $rootScope 中，以便在您更改模型后，它也可以在其他页面中使用
2. 我不知道它是否适合您的情况，如果您使用的是角度路由，请将标头组件保留在 ng-view 之外，以便在不同页面之间导航时不会发生变化。