jsonファイルから角モジュールにデータをロード

私は、jsonファイルから角度モジュールにデータをロードしようとしていますが、データの代わりにこれを取得しています。jsonファイルから角モジュールにデータをロード

var app = angular.module('myApp', []); 

app.controller("myCtrl",function($scope, $http) 
{ 
    $http.get('bookData.json').then(function(response){ 

     $scope.books = response.data; 
    }); 
});

そして、私のビューのようにデータを表示する：

<body ng-controller="myCtrl"> 
    <div>{{"Book details"}}</div> 
    <div> 
     <table> 
     <tr ng-repeat="x in books"> 
      <td>x.bookid</td> 
      <td>x.author</td> 
     </tr> 
     </table> 
    </div> 
<script data-require="[email protected]" src="https://code.angularjs.org/1.5.8/angular.js" data-semver="1.5.8"></script> 
    <script src="app.js"></script> 
    </body> 
</html>

しかしとして、私は出力を取得しています：あなたは{{であなたのロジックをラップする必要が

Book details 

x.bookid x.author 
x.bookid x.author 
x.bookid x.author 
x.bookid x.author

https://plnkr.co/edit/ZqcnwOKZUdUo5eDIdjlh?p=preview

出典

2016-09-30 Prateek Aggarwal

}}を使用して角度で認識可能にします。それ以外の場合は、単純なテキストとして出力されます。

例えば

<td>{{x.bookid}}</td> 
<td>{{x.author}}</td>

出典

2016-09-30 06:46:26 JuniorDev

うんそれは動作します！そんなに愚かな間違いだった。ありがとうございます。 –

<body ng-controller="myCtrl"> 
    <div> 
     <H1>Book details</H1> 
    </div> 
    <div> 
     <table> 
      <tr ng-repeat="x in books"> 
       <td>{{x.bookid}}</td> 
       <td>{{x.author}}</td> 
      </tr> 
     </table>

出典

2016-09-30 07:04:32 coder77

コードのみの回答は避ける必要があります。 – croxy

jsonファイルから角モジュールにデータをロード

答えて

関連する問題