angular.js - Angular根据JSON数据动态生成在网页上的列表-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

angular.js - Angular根据JSON数据动态生成在网页上的列表

曾经蜡笔没有小新 2017-05-15 16:56:22

639

[ { "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,卡在这种数组套对象，对象里面又是对象的模式了。。。好几天了。

谢谢！

曾经蜡笔没有小新

reply all (1)

给我你的怀抱2017-05-15 16:58:22 1 floor

It should be easy to do with ng-repeat
Example (http://plnkr.co/edit/xsQqAFUiwigPEkbyNtdO)

html

    AngularJS Plunker     
   
{{ele.meta.author}}
 {{ele.meta.title}}

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编码问题" } } ]; });