在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 保存文件到本地实现方法
Nov 29 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
JS面向对象编程详解
Mar 06 Javascript
js实现华丽的九九乘法表效果
Mar 29 Javascript
使用Bootrap和Vue实现仿百度搜索功能
Oct 26 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
小程序自动化测试的示例代码
Aug 11 Javascript
JavaScript实现复选框全选功能
Apr 11 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中常用数组处理方法实例分析
2008/08/30 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
PHP页面静态化――纯静态与伪静态用法详解
2020/06/05 PHP
Laravel中如何轻松容易的输出完整的SQL语句
2020/07/26 PHP
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
2011/12/20 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
js选项卡的实现方法
2015/02/09 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
解析vue中的$mount
2017/12/21 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
2019/09/14 Javascript
在Python中使用dict和set方法的教程
2015/04/27 Python
Python中type的构造函数参数含义说明
2015/06/21 Python
分享6个隐藏的python功能
2017/12/07 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
Python从单元素字典中获取key和value的实例
2018/12/31 Python
利用Python查看微信共同好友功能的实现代码
2019/04/24 Python
Django模板语言 Tags使用详解
2019/09/09 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
python 下载文件的多种方法汇总
2020/11/17 Python
深入浅析css3 border-image边框图像详解
2015/11/24 HTML / CSS
为什么需要版本控制?
2013/08/08 面试题
数控专业推荐信范文
2013/12/02 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
2015年师德表现自我评价
2015/03/05 职场文书
无违反计划生育证明格式
2015/06/24 职场文书
商业计划书之服装
2019/09/09 职场文书