如何循環的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>