在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 相关文章推荐
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
javascript删除一个html元素节点的方法
Dec 20 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
avalon js实现仿微博拖动图片排序
Aug 14 Javascript
基于javascript实现checkbox复选框实例代码
Jan 28 Javascript
AngularJS手动表单验证
Feb 01 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 Javascript
简单分析js中的this的原理
Aug 31 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
PHP 和 COM
2006/10/09 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
TNC vs BOOM BO3 第二场2.13
2021/03/10 DOTA
Google Suggest ;-) 基于js的动态下拉菜单
2006/10/11 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
json+jQuery实现的无限级树形菜单效果代码
2015/08/27 Javascript
javascript求日期差的方法
2016/03/02 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
AngularJs  unit-testing(单元测试)详解
2016/09/02 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
2018/02/27 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
Python 分析Nginx访问日志并保存到MySQL数据库实例
2014/03/13 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
Python文件名匹配与文件复制的实现
2020/12/11 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
社会实践心得体会
2014/01/03 职场文书
先进个人事迹材料
2014/01/25 职场文书
贷款担保申请书
2014/05/20 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
教师个人事迹材料
2014/12/17 职场文书
2015年纪委工作总结
2015/05/13 职场文书
巴黎圣母院读书笔记
2015/06/26 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
JavaScript中document.activeELement焦点元素介绍
2021/11/27 Javascript