angular.js - Angular dynamically generates lists on web pages based on JSON data

Question

{Code...} The json file format is as above. How to dynamically generate a list based on the returned json file (which may have multiple article data) through angular. It is required to be able to read meta and title. . The first time I used Angular, I got stuck in this kind of array nesting objects, and the objects were in object mode. . . several...

给我你的怀抱 · Answer

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

html




  
    
    AngularJS Plunker
    
    
    
    
  

  
    
      
{{ele.meta.author}}
      {{ele.meta.title}}

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