使用ui-sref的angular.js ui-route concat params查询

时间:2015-03-03 20:14:07

标签: angularjs angular-ui-router

使用ui-sref如何使params动态化?

  

配置状态

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

ubications数据

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

in html

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

当我点击链接网址

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

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

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

如何在不重复ID的情况下执行此操作?

     

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

1 个答案:

答案 0 :(得分:0)

你可以使用lodash ......

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

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