angular.js - Angular menjana senarai secara dinamik pada halaman web berdasarkan data JSON

Question

{Code...} Format fail json adalah seperti di atas Cara menjana senarai secara dinamik berdasarkan fail json yang dikembalikan (yang mungkin mempunyai data berbilang artikel) melalui sudut. Ia dikehendaki boleh membaca meta dan tajuk. . Kali pertama saya menggunakan Angular, saya terperangkap dalam jenis objek bersarang tatasusunan ini, dan objek berada dalam mod objek. . . beberapa...

给我你的怀抱 · Answer

Sepatutnya mudah untuk melakukannya dengan ng-repeat
Contoh (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编码问题"
        }
      }
    ];
});