在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高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
一个仿微博登陆邮箱提示框js开发案例
Jul 28 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
jquery对象和DOM对象的相互转换详解
Oct 18 Javascript
深入理解ES7的async/await的用法
Sep 09 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
webpack4+react多页面架构的实现
Oct 25 Javascript
浅谈vue-props的default写不写有什么区别
Aug 09 Javascript
React实现阿里云OSS上传文件的示例
Aug 10 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
人大复印资料处理程序_补充篇
2006/10/09 PHP
php数组编码转换示例详解
2014/03/11 PHP
PHP中Cookie的使用详解(简单易懂)
2017/04/28 PHP
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
JavaScript继承与聚合实例详解
2019/01/22 Javascript
js中对象与对象创建方法的各种方法
2019/02/27 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
在JavaScript中实现链式调用的实现
2019/12/24 Javascript
Python标准库与第三方库详解
2014/07/22 Python
python模块之StringIO使用示例
2015/04/08 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
Python爬取你好李焕英豆瓣短评生成词云的示例代码
2021/02/24 Python
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
P D PAOLA法国官网:西班牙著名的珠宝首饰品牌
2020/02/15 全球购物
顶岗实习计划书
2014/01/10 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
教师评语大全
2014/04/28 职场文书
安全演讲稿大全
2014/05/09 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
摩登时代观后感
2015/06/03 职场文书
小程序教您怎样你零成本推广获取数万用户的方法
2019/07/30 职场文书
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python