0
我有一個HTML頁面,那就是從js文件中調用JSON數據。 的HTML低於:JSON不顯示在頁面
<html>
<head>
<meta charset="UTF-8">
<script src="js/angular.js"></script>
<script src="js/angular-route.js"></script>
<script type="text/javascript" src="modules/app.js" ></script>
</script>
<title>
</title>
</head>
<body ng-app="albumsApp">
<div data-ng-controller="albumController">
<ul data-ng-repeat="album in albums">
<li>
{{albums.title}}
</li>
</ul>
</div>
</body>
</html>
的 「app.js」 它調用文件如下:
**
var albumsApp = angular.module ('albumsApp',[])
albumsApp.factory('albumFactory',function() {
return {
getAlbums: function(){
alert("test");
return [{"artist": "Kid 606","title:":"Happiness"}];
},
};
});
albumsApp.controller ('albumController', function ($scope,albumFactory) {
$scope.albums = albumFactory.getAlbums();
});
** 有也不在控制檯時錯誤我運行它,只是沒有出現。 當我加載頁面時,警告框「測試」出現,因此函數被調用,它只是不顯示JSON。謝謝你的回覆。
通過album.title更換albums.title。並從json –
的「title:」鍵中刪除尾部的':'使用'{{albums.title}}'的'{{album.title}}'即時' – vamsikrishnamannem