使用 ng-repeat 显示帖子及其评论不起作用



>我在使用 AngularJS 在 MVC 中构建以下格式时遇到问题我正在使用带有ng-repeat的api显示来自Facebook的帖子,该api由图像组成。

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

不知道如何进行。

ng 重复嵌套样本

http://plnkr.co/edit/NGWOZ4?p=info

我想你需要这样的东西吗?

    <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;
});

最新更新