脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → angularjs ng repeat

angular ng-repeat数组中的数组实例

 更新时间：2017年02月18日 08:57:57   投稿：jingxian  
下面小编就为大家带来一篇angular ng-repeat数组中的数组实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

//先定义一个数组

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数组中的数组实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Angular 2父子组件数据传递之局部变量获取子组件其他成员

    Angular 2父子组件数据传递之局部变量获取子组件其他成员

    这篇文章主要给大家介绍了关于Angular 2父子组件之间数据传递之局部变量获取子组件其他成员的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    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 默认值设置方法

    下面小编就为大家带来一篇angular select 默认值设置方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Angualrjs和bootstrap相结合实现数据表格table

    Angualrjs和bootstrap相结合实现数据表格table

    这篇文章主要介绍了Angualrjs和bootstrap相结合实现数据表格table,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-03-03
  • Angularjs的Controller间通信机制实例分析

    Angularjs的Controller间通信机制实例分析

    这篇文章主要介绍了Angularjs的Controller间通信机制,结合实例形式分析了Controller通信机制的原理、实现技巧与相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • Angular父组件调用子组件的方法

    Angular父组件调用子组件的方法

    组件是一种特殊的指令，使用更简单的配置项来构建基于组件的应用程序架构.这篇文章主要介绍了Angular组件——父组件调用子组件方法,需要的朋友可以参考下
    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的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05

最新评论