如何循环的Json随着div元素在角JS

Question

我想环路上<div id="product">但不能算不好用，我想改变示例数据fakeModel JSON的更多细节这里是preview，也许能帮助我,,

fakeModel = { 

    id: 1, 

    title: 'product', 

    description: 'description', 

    price: 10, 

    tax: 0, 

    vendorFees: 0, 

    qty: 0 

}; 

Answer 1

要通过角列表迭代你可以尝试这样的事情：

<div ng-repeat="product in products"> 
    <div>{{product.title}}</div> 
    <div>{{product.price}}</div> 
</div> 

给ID来添加的div

<div id="product_{{product.id}}" ng-repeat="product in products"> 
    <div>{{product.title}}</div> 
    <div>{{product.price}}</div> 
</div> 

Answer 2

请试试这个。

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <div ng-app="myApp" ng-controller="namesCtrl">  

     <div ng-repeat="product in fakeModel"> 
      <div>Product name : {{product.title}}</div> 
      <div>Product price : {{product.price}}</div> 
     </div> 
    </div> 

     <script> 
      angular.module('myApp', []).controller('namesCtrl', function($scope) { 
       $scope.fakeModel = [{ 
         id: 1, 
         title: 'product', 
         description: 'description', 
         price: 10, 
         tax: 0, 
         vendorFees: 0, 
         qty: 0 
        }, 
        { 
         id: 2, 
         title: 'product 2', 
         description: 'description', 
         price: 15, 
         tax: 0, 
         vendorFees: 0, 
         qty: 0 
        }]; 
      }); 
     </script>