没有显示角度数据

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>