在angularJs中进行数据遍历的2种方法


Posted in Javascript onOctober 08, 2018

2种方式分别为:

1、数组数据遍历

2、对象数据遍历

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
{{data}}
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
  $scope.data=[{name: '泠泠在路上', url: 'boke.com'},{name: '泠泠似水', url: 'zlm.com'}]
  //数组数据遍历
  angular.forEach($scope.data, function (v, k) {
   v.url = 'www.'+v.url;
   console.log(v);//读到所有的数组数据
   console.log(k);//读到所有的对象的下标
  });

  //对象数据遍历
  data ={name: '泠泠在路上', url: 'baidu.com'};
  angular.forEach(data, function (v, k) {
   v.url = 'www.'+v.url;
   console.log(v);//得到对象的值,即泠泠在路上和baidu.com
   console.log(k);//得到对象下标name和url

  });
 }]);
</script>
</body>
</html>

以上这篇在angularJs中进行数据遍历的2种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
Jquery 滑入滑出效果实现代码
Mar 27 Javascript
Extjs入门之动态加载树代码
Apr 09 Javascript
javascript判断用户浏览器插件安装情况的代码
Jan 01 Javascript
jQuery插件的写法分享
Jun 12 Javascript
js获取事件源及触发该事件的对象
Oct 24 Javascript
javascript与cookie 的问题详解
Nov 11 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
js canvas实现擦除动画
Jul 16 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 Javascript
webpack之引入图片的实现及问题
Oct 08 #Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 #Javascript
JS中验证整数和小数的正则表达式
Oct 08 #Javascript
webpack@v4升级踩坑(小结)
Oct 08 #Javascript
npm scripts 使用指南详解
Oct 08 #Javascript
webpack4.0 入门实践教程
Oct 08 #Javascript
vue实现一个炫酷的日历组件
Oct 08 #Javascript
You might like
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
php下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
探讨php define()函数及defined()函数使用详解
2013/06/09 PHP
PHP获取MSN好友列表类的实现代码
2013/06/23 PHP
使用Sphinx对索引进行搜索
2013/06/25 PHP
分割GBK中文遭遇乱码的解决方法
2013/08/09 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
Gird事件机制初级读本
2007/03/10 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
Javascript将string类型转换int类型
2010/12/09 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
JavaScript判断是否为数字的4种方法及效率比较
2015/04/01 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
vue动态组件实现选项卡切换效果
2017/03/08 Javascript
vue2.0 根据状态值进行样式的改变展示方法
2018/03/13 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
python实现图片批量剪切示例
2014/03/25 Python
python实现超简单端口转发的方法
2015/03/13 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
通过代码实例了解Python sys模块
2020/09/14 Python
J2EE包括哪些技术
2016/11/25 面试题
初中生个人学习的自我评价
2013/12/04 职场文书
受欢迎的大学生自我评价
2013/12/05 职场文书
家教广告词
2014/03/19 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
环卫工作个人总结
2015/03/04 职场文书
2015年超市工作总结范文
2015/05/26 职场文书
生日赠语
2015/06/23 职场文书
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL