Question

我在使用AngularJS在MVC中构建以下格式时遇到了问题我正在使用带有ng-repeat的api显示来自facebook的帖子，其中包含一个Image。

现在我面临的问题是使用嵌套的ng-repeat显示每个帖子的评论。

不知道如何继续下去。

Answer 1

ng-repeat嵌套样本

我认为你需要这样的东西吗？

    <body ng-controller="programController">
  <div class="panel-group" ng-repeat="row in osk.programs">
    <div>{{row.day}}</div>
    <div>
      <h4>{{row.head}}</h4>
      <p>{{row.content}}</p>
      <aside class="warning" ng-repeat="row in row.extra">
        <strong>Ekstra Gezi:</strong> {{row.exhead}} &nbsp; <span>{{row.price}}</span>
        <p>{{row.excontent}}</p>
      </aside>
    </div>
  </div>
</body>


var myApp = angular.module('myApp', []);

myApp.controller('programController', function($scope) {
    var json = {
        "programs":
            [
                {
                    "day":"1.GÜN",
                    "head":"İstanbul-Amsterdam",
                    "content":"Gezimizin ilk günü, kalkıştan iki saat önce Sabiha Gökçen Havalimanı Dış Hatlar Terminali Etstur Kontuarı önünde buluşarak başlıyor. Pegasus Hava Yolları tarifeli seferi ile Amsterdam’a uçuş. Havalimanında bizleri bekleyen otobüsümüz ile Amsterdam şehir turu. Bu gezide Tarihi Tren İstasyonu, Dam Meydanı, Ajax Arena Stadı, Tarihi Çiçek Pazarı ve yel değirmenleri görülecek yerlerden bazıları. Misafirlerimiz ekstra olarak düzenlenecek Amsterdam Kanallar Gezisi'ne katılabilirler. Şehir turu sonrası otele transfer. Öğleden sonra serbest zaman. Geceleme otelimizde.",
                    "extra":
                    [
                      {
                        "exhead":"Amsterdam kanallar gezisi", 
                        "price":"55 Euro",
                        "excontent":"Amsterdam’a farklı açıdan bakmak isteyenler için üzeri cam olan teknelerle Amsterdam’ın simgesi haline gelmiş kanalları arasında eğlenceli gezi sizi bekliyor."
                      },
                      {
                        "exhead":"Tekne Turu", 
                        "price":"15 Euro",
                        "excontent":"Amsterdam’a farklı açıdan bakmak isteyenler için üzeri"
                      }
                    ]

                },
                {
                    "day":"2.GÜN",
                    "head":"Amsterdam-Paris",
                    "content":"Gezimizin ilk günü, kalkıştan iki saat önce Sabiha Gökçen Havalimanı Dış Hatlar Terminali Etstur Kontuarı önünde buluşarak başlıyor. Pegasus Hava Yolları tarifeli seferi ile Amsterdam’a uçuş. Havalimanında bizleri bekleyen otobüsümüz ile Amsterdam şehir turu. Bu gezide Tarihi Tren İstasyonu, Dam Meydanı, Ajax Arena Stadı, Tarihi Çiçek Pazarı ve yel değirmenleri görülecek yerlerden bazıları. Misafirlerimiz ekstra olarak düzenlenecek Amsterdam Kanallar Gezisi'ne katılabilirler. Şehir turu sonrası otele transfer. Öğleden sonra serbest zaman. Geceleme otelimizde.",
                    "extra":
                    [
                      {
                        "exhead":"Amsterdam kanallar gezisi", 
                        "price":"55 Euro",
                        "excontent":"Amsterdam’a farklı açıdan bakmak isteyenler için üzeri cam olan teknelerle Amsterdam’ın simgesi haline gelmiş kanalları arasında eğlenceli gezi sizi bekliyor."
                      },
                      {
                        "exhead":"Tekne Turu", 
                        "price":"15 Euro",
                        "excontent":"Amsterdam’a farklı açıdan bakmak isteyenler için üzeri"
                      }
                    ]

                }
            ]
    };
    $scope.osk = json;
});

使用ng-repeat工作时显示Post及其注释

1 个答案: