在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 相关文章推荐
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
Apr 29 Javascript
javascript 模式设计之工厂模式详细说明
May 10 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
jQuery解决浏览器兼容性问题案例分析
Apr 15 Javascript
原生JS实现首页进度加载动画
Sep 14 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
Mar 07 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
Sep 26 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
smarty模板中拼接字符串的方法
2014/02/14 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
php json转换相关知识(小结)
2018/12/21 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
jQuery getJSON 处理json数据的代码
2010/07/26 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
node爬取微博的数据的简单封装库nodeweibo使用指南
2015/01/02 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
2017/10/23 Javascript
Webpack path与publicPath的区别详解
2018/05/03 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
微信小程序实现的日期午别医生排班表功能示例
2019/01/09 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
2019/09/14 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
[01:03:56]Mineski vs TNC 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python关闭windows进程的方法
2015/04/18 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
意大利和国际奢侈品牌购物网站:Suitnegozi.com
2021/01/15 全球购物
JAVA和C++的区别
2013/10/06 面试题
jQuery treeview树形结构应用
2021/03/24 jQuery
班长岗位职责
2013/11/10 职场文书
海飞丝广告词
2014/03/20 职场文书
中专生自荐信
2014/06/25 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
六查六看心得体会
2014/10/14 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
催款通知书范文
2015/04/17 职场文书