使用带有AngularJS URL的括号表示法在URL查询搜索

Question

传递state vie URL的标准是使用括号表示法。虽然可以将ui-router配置为使用带有大括号的JSON，但它不允许括号表示法来描述对象。

例如，https://example.com/search?filter[name]=funkymonky&filter[count]=10应解析为此对象：

filter: {
    name: 'funkymonky',
    count: 10
}

这是JSON API的规范。大多数服务器Web应用程序框架都接受这一点。

ui-router怎么办？

Answer 1

您可以在html和inyect de scope中使用ng-href属性我不知道这是否对您有帮助...

$scope.filter = {
    name: 'funkymonky',
    count: 10
}
<a ng-href="https://example.com/search?{{filter.name}}=funkymonky&{{filter.count}}=10">Link</a>