AngularJS - 商店列表最佳实践

Question

我是AngularJS的新手，我想知道做这个简单的商店列表应用程序的最佳和最简单的做法是什么。

所以这是我的店铺：

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

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

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

Answer 1

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

但是如果你问这是否是过滤数据或传播参数的唯一方法，答案显然是不。角度项目是SPA（单页应用程序），因此您可以在不触及网址的情况下完成所有操作。

举一个简单的示例，您可以在显示所需商店列表的元素上附加(click)事件

Answer 2

我认为您只能使用一个组件和三个不同的点击事件来显示三种不同的结果。一个组件可以适用于您的情况。根据您的要求使用路由器和路由逻辑将是一件昂贵的事情。如果只有一个组件和三个不同的点击事件，您的用户将会有更好的应用感受。