在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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
Javascript笔记一 js以及json基础使用说明
May 22 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
微信小程序实现图片滚动效果示例
Dec 05 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 Javascript
使用Vue 实现滑动验证码功能
Jun 27 Javascript
Postman无法正常返回结果问题解决
Aug 28 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 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 mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP Session机制简介及用法
2014/08/19 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
JS实现跟随鼠标闪烁转动色块的方法
2015/02/26 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
layui实现数据分页功能
2019/07/27 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
[02:20]DOTA2英雄基础教程 黑暗贤者
2013/12/19 DOTA
[31:00]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS iG
2014/05/25 DOTA
[00:59]DOTA2背景故事第二期之四大基本法则
2020/07/07 DOTA
Django内容增加富文本功能的实例
2017/10/17 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
python+openCV调用摄像头拍摄和处理图片的实现
2019/08/06 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
出资证明书范本(标准版)
2014/09/24 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书