从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

您需要{{来包装你的逻辑和}}使其可以通过角度识别。否则，它会以纯文本的形式打印出来。

e.g

<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文件加载数据到角度模块

回答

相关问题