欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angular ng-repeat數(shù)組中的數(shù)組實例

 更新時間：2017年02月18日 08:57:57   投稿：jingxian  
下面小編就為大家?guī)硪黄猘ngular ng-repeat數(shù)組中的數(shù)組實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

//先定義一個數(shù)組

anular代碼： 

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

app.controller('indexCtrl', function($scope, $http) 
{ $scope.arrs = [{

<BR>　　　　　　　　　　　　　　　　　　 n:'a'； 
        arr:['1','2','1'] 
      },{<BR><BR> 　　　　　　　　　　　　　　　　　　 n:'b'； 
        arr:['4','5','6'] 
      }]; 
    })

html 代碼：

<BR>　　　　
<div ng-controller="indexCtrl"><BR>      
<p>{{name}}</p><BR>      

<ul><BR>        
 <li ng-repeat="name in names">{{name.n}}<BR>          
 <p ng-repeat="a in name.arr track by $index" id="{{$index}}">{{a}}</p><BR>        
 </li><BR>      
</ul>
<BR>    
</div><BR><BR>

track by $index  在有重復值時需加上這段代碼 不然瀏覽器會報這個錯 Error: [ngRepeat:dupes]并且不會渲染到頁面

以上這篇angular ng-repeat數(shù)組中的數(shù)組實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

  • Angular 2父子組件數(shù)據(jù)傳遞之局部變量獲取子組件其他成員

    Angular 2父子組件數(shù)據(jù)傳遞之局部變量獲取子組件其他成員

    這篇文章主要給大家介紹了關于Angular 2父子組件之間數(shù)據(jù)傳遞之局部變量獲取子組件其他成員的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。
    2017-07-07
  • Angular項目里ngsw-config.json文件作用詳解

    Angular項目里ngsw-config.json文件作用詳解

    這篇文章主要為大家介紹了Angular項目里ngsw-config.json文件作用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-11-11
  • 簡單談談Angular中的獨立組件的使用

    簡單談談Angular中的獨立組件的使用

    這篇文章主要介紹了簡單談談Angular中的獨立組件的使用的相關資料,通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，需要的朋友可以參考下
    2022-08-08
  • angular select 默認值設置方法

    angular select 默認值設置方法

    下面小編就為大家?guī)硪黄猘ngular select 默認值設置方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • Angualrjs和bootstrap相結(jié)合實現(xiàn)數(shù)據(jù)表格table

    Angualrjs和bootstrap相結(jié)合實現(xiàn)數(shù)據(jù)表格table

    這篇文章主要介紹了Angualrjs和bootstrap相結(jié)合實現(xiàn)數(shù)據(jù)表格table,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2017-03-03
  • Angularjs的Controller間通信機制實例分析

    Angularjs的Controller間通信機制實例分析

    這篇文章主要介紹了Angularjs的Controller間通信機制,結(jié)合實例形式分析了Controller通信機制的原理、實現(xiàn)技巧與相關操作技巧,需要的朋友可以參考下
    2016-11-11
  • Angular父組件調(diào)用子組件的方法

    Angular父組件調(diào)用子組件的方法

    組件是一種特殊的指令，使用更簡單的配置項來構(gòu)建基于組件的應用程序架構(gòu).這篇文章主要介紹了Angular組件——父組件調(diào)用子組件方法,需要的朋友可以參考下
    2018-04-04
  • AngularJS 中的Promise --- $q服務詳解

    AngularJS 中的Promise --- $q服務詳解

    這篇文章主要介紹了AngularJS 中的Promise --- $q服務詳解方法的相關資料,需要的朋友可以參考下
    2016-09-09
  • Angular.Js中過濾器filter與自定義過濾器filter實例詳解

    Angular.Js中過濾器filter與自定義過濾器filter實例詳解

    Angularjs過濾器是 angularjs非常棒的特性之一。有朝一日，你可能需要使用自定義過濾器，所以下面這篇文章主要給大家介紹了Angular.Js中過濾器filter與自定義過濾器filter的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。
    2017-05-05
  • angularjs封裝$http為factory的方法

    angularjs封裝$http為factory的方法

    本篇文章主要介紹了angularjs封裝$http為factory的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05

最新評論