在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 相关文章推荐
jquery 上下滚动广告
Jun 17 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
基于jquery的多功能软键盘插件
Jul 25 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
Jun 23 Javascript
用window.onerror捕获并上报Js错误的方法
Jan 27 Javascript
Bootstrap表格和栅格分页实例详解
May 20 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
简单了解Vue + ElementUI后台管理模板
Apr 07 Javascript
vue实现购物车案例
May 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
怎样在PHP中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
php 连接mssql数据库 初学php笔记
2010/03/01 PHP
mayfish 数据入库验证代码
2010/04/30 PHP
PHP多进程编程实例
2014/10/15 PHP
原生JS实现Ajax通过GET方式与PHP进行交互操作示例
2018/05/12 PHP
php7 参数、整形及字符串处理机制修改实例分析
2020/05/25 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
js判断鼠标左、中、右键哪个被点击的方法
2015/01/27 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
遗传算法python版
2018/03/19 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
Flask-WTF表单的使用方法
2019/07/12 Python
Anaconda之conda常用命令介绍(安装、更新、删除)
2019/10/06 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
PyTorch安装与基本使用详解
2020/08/31 Python
Django model class Meta原理解析
2020/11/14 Python
python基于opencv 实现图像时钟
2021/01/04 Python
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
Maison Lab荷兰:名牌Outlet购物
2018/08/10 全球购物
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
幼儿园秋季开学寄语
2014/08/02 职场文书
学习礼仪心得体会
2014/09/01 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
python批量更改目录名/文件名的方法
2021/04/18 Python
JavaScript原型链详解
2021/11/07 Javascript
pandas中关于apply+lambda的应用
2022/02/28 Python