沒有顯示角度數據

Question

我目前在從JSON輸出angularJS中的數據時遇到問題。

我從SoundCloud中提取JSON以顯示歌曲標題。這裏是我的應用程序：

(function() { 
// define the app 
var app = angular.module('PartyPlayer', []); 

// create the song lister controller 
app.controller('SongListCtrl', 
    function ($scope, $http) { 
    $http.get("http://api.soundcloud.com/tracks/13158665.json?client_id=MY_CLIENT_ID").success(function(data) { 
     $scope.songs = data; 
    }); 

}); 
})(); 

，我想在這裏添加數據：

<div class="row" ng-controller="SongListCtrl as songList"> 
<div class="small-12 columns"> 
    <div class="list"> 
    <ul> 
    <li>{{songList.songs.title}}</li> 
    </ul> 
</div> 

但什麼也不顯示。當我console.log(data.title)我得到正確的結果，但不是當我去將它添加到我的控制器在HTML中。任何人都知道爲什麼會發生這種情況？任何幫助將不勝感激！謝謝！

Answer 1

您已設置一個範圍變量歌曲，並與songsList.songs HTML標記指它

您的實際HTML標記應該是

<div class="row" ng-controller="SongListCtrl as songList"> 
<div class="small-12 columns"> 
    <div class="list"> 
    <ul> 
    <li>{{songs.title}}</li> 
    </ul> 
</div>