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>

角度数据没有显示

1 个答案: