没有显示角度数据
问题描述:
我目前在从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中。任何人都知道为什么会发生这种情况?任何帮助将不胜感激!谢谢!
答
您已设置一个范围变量歌曲,并与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>
{{songList.songs.title}}到{ {songs.title}} – dasu908 2014-08-28 18:33:27
Gosh darnit,那工作...哈哈愚蠢的错误,我猜。谢谢! – David 2014-08-28 18:34:24