有关于 Angular根据JSON数据动态生成在网页上的列表 问题
[
{
"meta": {
"author": "test",
"date_create": "2015-10-14T00:00:00",
"date_modify": "2015-10-14T00:00:00",
"filename": "微信页面整合",
"git_username": "kk",
"subdir": "article",
"subtitle": null,
"tags": [
"api",
"微信",
"开发文档"
],
"title": "微信页面整合"
}
},
{
"meta": {
"author": "Waylan LimbergJohn Doe",
"date_create": "2015-10-14T00:00:00",
"date_modify": "2015-10-14T00:00:00",
"filename": "python2编码问题.md",
"git_username": "guyskk",
"subdir": "article",
"subtitle": null,
"tags": [],
"title": "python2编码问题"
}
}
]json文件格式如上，如何通过angular根据返回的json文件（可能有多个文章数据），动态生成列表。要求能读取到meta和title。。第一次用angular,卡在这种数组套对象，对象里面又是对象的模式了。。。好几天了。
展开
收起
1
条回答
写回答
写回答
-
用ng-repeat应该很容易做吧
html
<!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="angular.js@1.4.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js" data-semver="1.4.6"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> <div ng-repeat="ele in data"> <p>{{ele.meta.author}}</p> <p>{{ele.meta.title}}</p> <br> </div> </body> </html>js
var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.data = [ { "meta": { "author": "test", "date_create": "2015-10-14T00:00:00", "date_modify": "2015-10-14T00:00:00", "filename": "微信页面整合", "git_username": "kk", "subdir": "article", "subtitle": null, "tags": [ "api", "微信", "开发文档" ], "title": "微信页面整合" } }, { "meta": { "author": "Waylan LimbergJohn Doe", "date_create": "2015-10-14T00:00:00", "date_modify": "2015-10-14T00:00:00", "filename": "python2编码问题.md", "git_username": "guyskk", "subdir": "article", "subtitle": null, "tags": [], "title": "python2编码问题" } } ]; });2019-07-17 18:52:53赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
