小編給大家分享一下AngularJS如何集合數(shù)據(jù)遍歷顯示，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),阿里地區(qū)企業(yè)網(wǎng)站建設(shè),阿里地區(qū)品牌網(wǎng)站建設(shè),網(wǎng)站定制,阿里地區(qū)網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,阿里地區(qū)網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

如下所示：

 
  
  
  
 
 
  
   
    序號(hào)
    商品編號(hào)
    商品名稱
    價(jià)格
   
   
    {{$index+1}}
    {{product.id}}
    {{product.name}}
    {{product.price}}
   
  
 
 
  var myapp = angular.module("myapp",[]);
  myapp.controller("myctrl",["$scope",function($scope){
   $scope.products = [
    {
     id:1001,
     name:'數(shù)碼相機(jī)',
     price:5000
    },
    {
     id:1002,
     name:'華為手機(jī)',
     price:4000
    }
   ];
  }])
 

以上是“AngularJS如何集合數(shù)據(jù)遍歷顯示”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！