2014-07-03 17 views
5

Json dosyasını alan ve verileri bir html sayfasında görüntüleyen küçük bir açısal oluşturmaya çalışıyorum. Ancak şu hatayı alıyorum: POST yer işaretleri/veri/bookmarks.json 405 (Yöntem izin verilmiyor).Angularjs kullanarak html sayfasında json verileri nasıl görüntülenir?

<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> 

ve benim açısal kod: Yanlış gidiyorum

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

})(); 

Herhangi fikirleri Burada

benim kodudur? Teşekkürler. izin verilmez POST Eğer

+0

yerindeki

kullanım

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

ng-tekrarında sorunu çözmek Sadece yer imleri olmalı diye düşünüyorum. – Mritunjay

+0

"POST" yerine "GET" i deneyin? Gönderi 405 olduğundan, muhtemelen Mritunjay tarafından belirtildiği gibi –

+0

çalışacaktır. Ng-repeat, denetleyici örneğini değil, kapsamı çalışır. Kontrolör parçasını tekrardan çıkarın. –

cevap

0

Eğer POST kullanmak zorunda olmadığını o zaman sonrası istekleri

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

deneyin POSTGET geçmek için izin vermek için arka uç değiştirmek gerekir, GET deneyin. Eğer ng-tekrarı değil, sadece yer imleri de `var bookmarksCtrl.bookmarks` neden

Ayrıca

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