NG重複在其他NG-重複工作不

{ 
    "data": { 
    "name": "NAME", 
    "tests": [ 
     { 
     "testname": "abc", 
     "relatedResource": [ 
      { 
      "accessType": "fttb", 
      }, 
      { 
      "accessType": "fttn", 
      } 
     ] 
     }, 
     { 
     "testname": "xyz", 
     "relatedResource": [ 
      { 
      "accessType": "fttp", 
      }, 
      { 
      "accessType": "fttp", 
      } 
     ] 
     } 
    ] 
    } 
}

控制器NG重複在其他NG-重複工作不

$scope.data=response.data.tests; 

<div ng-repeat="l in data"> 
    <div ng-repeat="i in l.relatedResource"> 
     {{i.accessType}} 
    </div> 
</div>

來源

2016-09-03 Maheshbabu Neeli

請更新您的問題使用'NG-repeat'顯示實際的HTML代碼與相應的，沿着理想來自控制器的代碼。 –

我可以用單個ng-repeat迭代數據。但我需要位於relatedResources的對象數組。 –

它的做工精細的權利，我可以看到輸出在我plunker作爲FTTB FTTN FTTP FTTP –

試試這個，你需要多個ng-repeat訪問relatedResource

here我打印輸出

<div ng-controller="MyCtrl"> 
    <div ng-repeat="(key,val) in data"> 
    {{val.name}} 
     <div ng-repeat="test in val.tests"> 
        - {{test.testname}} 
      <div ng-repeat="resource in test.relatedResource"> 
        - -{{resource.accessType}} 
      </div> 
     </div> 
</div> 
</div>

來源

2016-09-03 07:56:12

試試這段代碼

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    $scope.data = { 
 
    "data": { 
 
    "name": "NAME", 
 
    "tests": [ 
 
     { 
 
     "testname": "abc", 
 
     "relatedResource": [ 
 
      { 
 
      "accessType": "fttb", 
 
      }, 
 
      { 
 
      "accessType": "fttn", 
 
      } 
 
     ] 
 
     }, 
 
     { 
 
     "testname": "xyz", 
 
     "relatedResource": [ 
 
      { 
 
      "accessType": "fttp", 
 
      }, 
 
      { 
 
      "accessType": "fttp", 
 
      } 
 
     ] 
 
     } 
 
    ] 
 
    } 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <div ng-repeat="obj in data"> 
 
    <span ng-repeat="val in obj.tests"> 
 
     {{val.testname}} 
 
     <span ng-repeat="v in val.relatedResource"> 
 
     {{v.accessType}} 
 
     </span> 
 
     <br/> 
 
    </span> 
 
    </div> 
 
</div>

來源

2016-09-03 09:36:30

有實際上不是問題太多的信息。

如果您從遠程服務器接收到json數據，您應該始終檢查並將其轉換爲真正的json對象。

您可以簡單地使用

$scope.data = response.data.tests; 

$scope.getData = function() 
{ 
    return angular.toJson($scope.data); 
}

，或者你可以測試它：

{{data | json}}

來源

2016-09-05 11:26:22

NG重複在其他NG-重複工作不

回答

相關問題