Jak wyświetlić dane json na stronie html za pomocą angularjs?


Próbuję utworzyć mały kątownik, który pobiera plik json i wyświetla dane na stronie html. Jednak pojawia się następujący błąd: POST bookmarks/data/bookmarks.json 405 (metoda niedozwolona).
Oto mój kod:
<html lang="en" ng-app="bookmarksApp" id="ng-app">
<head>
<link rel="stylesheet" href="css/styles.css"/>
</head>
<body ng-controller="BookmarkController as bookmarksCtrl">
<article class="main-content" role="main">
<section class="row">
<div class="content">
<div class="bookmarks-list">
[b]Christine's Bookmarks[/b]>
[list]
<li ng-repeat="bookmark in bookmarksCtrl.bookmarks" class="">
[b]{{bookmark.name}}[/b]>
[url="{{bookmark.url}}">{{bookmark.url}}[/url]
[/*]
[/list]


</section>
</article>
<script type="text/javascript" src="scripts/angular.min.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
</body>
</html>

i mój kod kątowy:
(function() { var app = angular.module('bookmarksApp', []);  app.controller('BookmarkController', function($scope, $http) { $http({ method: 'POST', url: 'data/bookmarks.json' }).success(function (data) {
console.log('hello');
$scope.bookmarks = data;// response data
}).
error(function (data) {
console.log(data);
});
});})();

Jakieś pomysły, w których się mylę? Podziękować.
Zaproszony:
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Spróbuj zmienić
POST
na
GET
.
Napraw również problem w ng-repeat
posługiwać się
<li ng-repeat="bookmark in bookmarks" class="">

w miejscu
<li ng-repeat="bookmark in bookmarksCtrl.bookmarks" class="">
Anonimowy użytkownik

Anonimowy użytkownik

Potwierdzenie od:

Jeśli
POST
jest niedozwolone, spróbuj
GET
, jeśli musisz użyć POST, musisz zmienić zaplecze, aby zezwalać na żądania postów
$http({ method: 'POST', url: 'data/bookmarks.json' }).success(function (data) {

Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się