javascript - AngularJS 中的搜索表单和 URL 参数

Question

我有多个可选字段的搜索，我觉得我过去没有正确处理过这个问题，想知道如何正确处理这个问题，以便在用户完成后刷新页面时重新加载结果搜索表单。

我有一个人们可以用来搜索客户的表格，我的用户可以通过类型、姓名、帐号进行搜索

type 是必填字段

姓名和帐号是可选字段。

我可以使用 $routeProvider 来配置我的路由，例如:

.when('/clientSearch/:type/:accountNumber?/:name?', {

但是如果account number 和name 是可选的，如果只传入两者之一，我如何区分？一些表单有多个可选的数字/字符串字段。

使用 $location.search() 我可以设置 URL 参数，例如:

$location.search( {type: type, accountNumber: accountNumber, 'name': name} )

出现这种错误时，首选方法是什么？

您如何正确处理搜索表单并允许在刷新页面时再次获取相同的结果？

Answer 1

通常您使用查询参数。在 Angular 上，它们被称为 search 参数:

参见 https://docs.angularjs.org/api/ng/service/$location

然后像这样使用:

// http://example.com/#/some/path?foo=bar&baz=xoxo

// To get:
$location.search()  // => {foo: 'bar', baz: 'xoxo'}

// To set:
$location.search('foo', 'yipee') // => {foo: 'yipee', baz: 'xoxo'}

您的问题:

Which is the preferred method, coming at this wrong?

首选方法肯定是使用查询/搜索参数

How do you properly handle search forms and allow the same results to be fetched again if the page is refreshed?

获取参数并定义 Controller 中需要的任何内容。如果您需要 View 可用的参数，您可以执行以下操作:

$scope.searchParams = $location.search()