AngularJS - 商店清单最佳实践

Question

我是 AngularJS 的新手，我想知道做这个简单的购物清单应用程序的最佳和最简单的做法是什么。

这是我的商店：

我的选择输入中有三台服务器。每个服务器都有自己的项目列表，显示在另一个组件中。

我正在考虑使用 localhost:4200/shop/{server1} 之类的变量创建路由，它将根据 url 路径显示我的项目列表。选择选项只会更改我的应用程序中的路径以显示特定服务器的商店列表。

这是一种好的做法，还是有更好更简单的解决方案来实现这个简单的商店应用程序？

Answer 1

如果您询问使用路由过滤数据是否是 Angular 的一种好习惯，我可以说它不是一个坏习惯。这是有关路由的官方 Angular 文档的链接：Angular - Routing

但如果您要问它是否是过滤数据或传播参数的唯一方法，答案显然是否。 Angular 项目是 SPA（单页应用程序），所以你可以在不接触 url 的情况下做任何事情。

举个简单的例子，你可以在你的元素上附加一个(click)事件来显示你想要的商店列表

Answer 2

我认为你可以只使用一个组件和三个不同的点击事件来显示三个不同的结果。一个组件可以在您的情况下工作。根据您的要求使用路由器和路由逻辑将是一件昂贵的事情。如果这些内容仅包含在一个组件中并包含三个不同的点击事件，您的用户将获得更好的应用体验。