使用angular-ui-router以可读格式将对象数组传递给$ stateParams值

时间:2017-12-05 06:21:54

标签: angularjs angular-ui-router

我想让我的报表参数成为url的一部分,但由于模型是一个对象[{},{}]的数组,当我将它传递给stateParam时,URL会被编码(替换[,{etc用数字)因此不再具有可读性。

了Exa。

我的表格是这样的:

$scope.models = [{}, {}];

<div classs="" ng-repeat="each_model in models"> 
 <input class="" model="each_model.name"> Name
 <input class="" model="each_model.class"> Class
 <input class="" model="each_model.city"> City
</div>

目前我将$ scope.models传递给$ stateParams,方法是将完整数据传递给参数:

$state.go('report', {parameters: models});

==我的app.js

.state('report', {
    url: '/report?parameters',
    templateUrl: 'views/class_report.html',
})

如何将数据传递给URL,以便可读?

1 个答案:

答案 0 :(得分:0)

只需检查您尝试添加的内容&#34;参数&#34;。

$state.go('class_report', {parameters: models});

期望模型中的对象

并在你的app.js

.state('report', {
    url: '/report:parameters',
    templateUrl: 'views/class_report.html',
    params: {
              parameters: "some defaulr"
            }
   })