显示包含另一个数组的数组的内容

我想通过angularJs显示包含另一个数组的数组的内容。下面的代码不起作用。我不知道我在这里做错了什么。请告诉我。显示包含另一个数组的数组的内容

链接：https://plnkr.co/edit/Bp8MJXczii0HVjujZ6Xe?p=preview

<!DOCTYPE html> 
<html ng-app="plunker"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3"></script> 
    <script src="app.js"></script> 
    <script> 
     var app = angular.module('plunker', []); 
     app.controller('MainCtrl', function($scope) { 
     $scope.items = [ 
      [{"a":"1", "b":"2", "c":"3"}], 
      [{"a":"4", "b":"5", "c":"6"}], 
      [{"a":"7", "b":"8", "c":"9"}] 
     ] 
     }); 
    </script> 
    </head> 
    <body ng-controller="MainCtrl"> 
    <div ng-repeat="item in items"> 
     <ul> 
     <li ng-repeat="i in item.items"> 
      {{i.a}},{{i.b}},{{i.c}} 
      </li> 
     </ul> 
    </div> 
    </body> 
</html>

来源

2016-06-29 rahul

结构无效......对象的大括号的类型错误 – charlietfl

你的数据结构是无效的。您正在使用[]的对象不{}

更改为

$scope.items = [ 
     {"a":"1", "b":"2", "c":"3"}, 
     {"a":"4", "b":"5", "c":"6"}, 
     {"a":"7", "b":"8", "c":"9"} 
    ]

现在你有一个数组重复过

来源

2016-06-30 00:20:12 charlietfl

正确的代码将是

<!DOCTYPE html> 
<html ng-app="plunker"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3"></script> 
    <script src="app.js"></script> 
    <script> 
     var app = angular.module('plunker', []); 
     app.controller('MainCtrl', function($scope) { 
     $scope.items = [ 
      [{"a":"1", "b":"2", "c":"3"}], 
      [{"a":"4", "b":"5", "c":"6"}], 
      [{"a":"7", "b":"8", "c":"9"}] 
     ] 
     }); 
    </script> 
    </head> 
    <body ng-controller="MainCtrl"> 
    <div ng-repeat="item in items"> 
     <ul> 
     <li ng-repeat="i in item"> 
      {{i.a}},{{i.b}},{{i.c}} 
      </li> 
     </ul> 
    </div> 
    </body> 
</html>

该作品对我来说

来源

2016-06-30 17:21:33 rahul

显示包含另一个数组的数组的内容

回答

相关问题