對多維數組/對象ng-repeat

我從外部URL獲取json對象。對多維數組/對象ng-repeat

$http.get('http://dev-newsbackend.gotpantheon.com/articles') 
    .success(function(data, status){ 

    $scope.articles = data.articles; 

    console.log(data.articles); 

    }).error(function(err){ 

     console.log(err); 
    }) 
})

我得到的JSON是如下：

{ 
    "articles": [ 
    { 
     "single": { 
     "title": "7 Tech Upgrades to the Old-School Science Class" 
     } 
    }, 
    { 
     "single": { 
     "title": "What Will the ALS Association Do With That $100 Million?" 
     } 
    }, 
    { 
     "single": { 
     "title": "President Obama Rocked a Tan Suit, So Twitter Went Nuts" 
     } 
    } 
    ], 
    "view": { 
    "name": "articles", 
    "display": "page", 
    "path": "articles", 
    "root": "articles", 
    "child": "single", 
    "pages": 1, 
    "page": 0, 
    "count": 3, 
    "limit": 10 
    } 
}

然而，當我做了ng-repeat儘管元素被打印多次。我沒有獲得價值。

<ion-list ng-repeat="article in articles"> 

    <ion-item>Test : {{ single.title }}</ion-item> 

</ion-list>

我的開發者控制檯的屏幕截圖：
這是我得到了console.log(data.articles);

enter image description here

我的瀏覽器的屏幕截圖，其中我得到無標題值列表：

enter image description here

來源

2014-09-01 esafwan

這是什麼錯誤？它似乎正在打印代碼所示的內容。您正在循環播放文章數組並打印出標題。 – sma 2014-09-01 20:29:01

如果您看到實際標題未打印。 {{single.title}}部分不打印任何內容。每行只有硬編碼值「Test：」被添加。 – esafwan 2014-09-01 20:30:41

它應該是'article.single.title' – 2014-09-01 20:31:35

試試這個：

<ion-list ng-repeat="article in articles"> 

    <ion-item>Test : {{article.single.title }}</ion-item> 

</ion-list>

來源

2014-09-01 20:31:40 sma

對多維數組/對象ng-repeat

回答

相關問題