重用 Angular 组件

Posted 2023-02-23

【中文标题】重用 Angular 组件

【英文标题】：Reusing Angular component

【发布时间】：2016-10-22 23:11:40

【问题描述】：

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

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

【问题讨论】：

在本地/sessionStorage/backend/cookie中保存选择。

@dfsq 在本地存储中保持选择将导致更新值的事件..这将影响性能

【参考方案1】：

一些建议，

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

【讨论】：

根据项目实施标准，$rootscope 是不允许的，并且该标头未通过应用程序，它仅限于几页