angular.js ui路由使用ui sref的concat参数查询



如何使用ui sref动态连接参数?

配置状态

.config(['$stateProvider',
 function($stateProvider) {
 $stateProvider
 .state('ads', {
      url: '/ads?categorie&ubications',
      ...
    });
  }
 ]);

ubitics数据

$scope.ubications = [{_id : 1, name:'canada'},
                    {_id:2, name:'usa'},
                    {_id:3,name:'mexico'}]

在html 中

<a ng-repeat="ubication in ubications" 
   ui-sref="ads({ubications: ubication._id})" >
   {{ubication.name}}
</a>

当我点击链接url 时

#!/ads?ubication=1
#!/ads?ubication=2

但是想知道连接id的最佳形式例如:

#!/ads?ubication=1,3,4

如何在不重复id的情况下完成此操作

链接plnkrhttp://plnkr.co/edit/erEhSDiGxT1983kz2RsU?p=preview

您可以使用lodash。。。

<a ui-sref="ads({ubications: _.uniq(_.pluck(foo, '_id')).join(',') })" >
   {{ubication.name}}
</a>

这将获取所有id,删除重复项,并将它们连接到逗号分隔的字符串中。

最新更新