angular.js - Angular根據JSON資料動態產生在網頁上的列表

Question

{程式碼...} json檔案格式如上，如何透過angular根據傳回的json檔案（可能有多個文章資料），動態產生清單。要求能讀取到meta和title。 。第一次用angular,卡在這種數組套對象，對象裡面又是對象的模式了。 。 。好幾...

给我你的怀抱 · Answer

用ng-repeat應該很容易做吧
範例(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编码问题"
        }
      }
    ];
});