Comment afficher les données json sur la page html en utilisant angularjs?

Je suis en train de créer un petit angulaire qui prend un fichier json et affiche les données sur une page html. Cependant j'obtiens l'erreur suivante: POSTE de signets/data/signets.json 405 (Méthode Non Autorisée).

Voici mon code:

<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">
                        <h1>Christine's Bookmarks</h1>
                        <ul>
                            <li ng-repeat="bookmark in bookmarksCtrl.bookmarks" class="">
                                <h3>{{bookmark.name}}</h3>
                                <a href="{{bookmark.url}}">{{bookmark.url}}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
        </article>
        <script type="text/javascript" src="scripts/angular.min.js"></script>
        <script type="text/javascript" src="scripts/main.js"></script>
    </body>
</html>

et mon angulaire code:

(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);
        });
    });

})();

Des idées où je vais mal? Merci.

pourquoi vous avez bookmarksCtrl.bookmarks en ng-repeat pas seulement des signets, je pense qu'il devrait être juste des signets.
Essayez un "GET" au lieu de "POST"? car le post est 405, obtenir sera probablement de travail
Aussi, comme mentionné par Mritunjay. La ng-repeat fonctionne hors de la portée, de ne pas l'instance du contrôleur. Retirez votre contrôleur de pièce à partir de la répétition.
J'ai fait ces deux changements, ce qui a à se débarrasser de l'erreur et je peux voir les données json si je fais de la console.log(data). Cependant, il est toujours à l'affiche pas les données quand je suis lie à l'extrémité avant, des idées?

OriginalL'auteur cm381 | 2014-07-03

  1. 2

    Essayer de changer la POST à GET.

    Également résoudre le problème en ng-repeat

    utilisation 

    <li ng-repeat="bookmark in bookmarks" class="">

    à la place de

    <li ng-repeat="bookmark in bookmarksCtrl.bookmarks" class="">

    OriginalL'auteur Mritunjay

  2. 0

    Si POST n'est pas permis d'essayer GET, si vous devez utiliser la POSTE, puis vous avez besoin de changer backend pour permettre des requêtes post

    $http({ method: 'POST', url: 'data/bookmarks.json' }).success(function (data) {

    OriginalL'auteur maurycy