在ng-repeat

时间:2016-12-26 14:12:23

标签: angularjs json wcf

我正在调用我的WCF Web服务,该服务基本上是使用Newtonsoft对我的类进行序列化和撤销JSON。

以下是我正在尝试在AngularJS中使用的JSON响应。

[{"OptionListId":{"Options":[{"OptionId":1,"OptionName":"Yes","IsActive":true},{"OptionId":2,"OptionName":"No","IsActive":true}],"OptionListId":1,"OptionListName":"YesNo","IsActive":true},"QuestionId":2,"QuestionName":"What is your name?","QuestionType":"text","ShortText":"Short Data","IsActive":true,"GroupsList":null}]

我已将其分配给$ scope.data。

 $http.get("http://localhost:52626/Service1.svc/GetQuestions").then(function (response) {
   $scope.data = angular.fromJson(response.data);
   console.log($scope.data);
   });

现在,当我尝试在ng-repeat中使用它时,它无效。

<div class="form-group" ng-repeat="d in data">
        <label>{{d}}</label>
    </div>

浏览器中显示的错误如下所示。 enter image description here

错误:angular.js:9778错误:[ngRepeat:dupes]

2 个答案:

答案 0 :(得分:0)

使用 1 User Request 2 Lost Carrier 3 Lost Service 4 Idle Timeout 5 Session Timeout 6 Admin Reset 7 Admin Reboot 8 Port Error 9 NAS Error 10 NAS Request 11 NAS Reboot 12 Port Unneeded 13 Port Preempted 14 Port Suspended 15 Service Unavailable 16 Callback 17 User Error 18 Host Request 。如果你没有使用track by $ index,它会因重复而抛出错误。如果您没有通过$ index提及跟踪,即使您无法推送数据。

答案 1 :(得分:0)

我唯一的错误是,我需要首先对angular.fromJson进行序列化。然后我需要它使用JSON.parse进行解析,使其成为Json Object。

其余的事情都没问题。