【问题标题】:data from json is not displayed in ionic view来自 json 的数据不显示在离子视图中
【发布时间】:2016-09-01 10:42:03
【问题描述】:

我正在使用 ionic 和 angularJS,我以这种格式检索 json,并在控制台中显示他:

 "{\"id\":\"jqo1vu8225v99qt4aj1i00n7q7\",\"module_name\":\"Users\",\"name_value_list\":{\"user_id\":{\"name\":\"user_id\",\"value\":\"a4df0140-bba6-ef96-824c-57ac64b06836\"},\"user_name\":{\"name\":\"user_name\",\"value\":\"saad\"},\"user_language\":{\"name\":\"user_language\",\"value\":\"en_us\"},\"user_currency_id\":{\"name\":\"user_currency_id\",\"value\":\"-99\"},\"user_currency_name\":{\"name\":\"user_currency_name\",\"value\":\"US Dollars\"}}}"

当我想在视图中显示数据时,就不行了

这是我的控制器

'use strict';

app
.controller('visitesList', function ($scope ,$rootScope ,userProvider) {
$scope.currentUser=$rootScope.user;
console.log($scope.currentUser);

})
;

这是我的观点

  <ion-view>
   <ion-content padding="false">
     <div class="list" ng-repeat="user in currentUser">
       {{ user.id }}
    </div>
   </ion-content>
  </ion-view>

这里返回给我这个错误

ionic.bundle.js:26794 错误:[ngRepeat:dupes] 不允许在转发器中重复。使用“track by”表达式指定唯一键。中继器:currentUser 中的用户,重复键:字符串:",重复值:"

我能做什么?还是我应该改变 json 的格式?

谢谢你

【问题讨论】:

  • 您的 JSON 是否真的包含那些反斜杠等?并且 Angular 重复需要对象,因此您应该将整个 $scope.currenUser 括在括号 [ ] 中。
  • 我认为你必须在使用它之前解析它。
  • 是的,我签入了jsonlint.com
  • 好吧,试着把它变成一个对象。如果不删除反斜杠就无法工作,但我不知道您是如何在问题中复制粘贴 JSON 的,所以可能就是这样。

标签: angularjs json ionic-framework


【解决方案1】:

通过 $index 添加音轨应该可以解决这个问题。

    <div class="list" ng-repeat="user in currentUser track by $index">
      {{ user.id }}
    </div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-18
    • 1970-01-01
    • 1970-01-01
    • 2012-07-19
    • 1970-01-01
    • 1970-01-01
    • 2019-04-15
    • 1970-01-01
    相关资源
    最近更新 更多