在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初学者应注意的七个细节详细介绍
Dec 27 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
javascript判断数组内是否重复的方法
Apr 21 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
Dec 04 Javascript
jQuery事件绑定方法学习总结(推荐)
Nov 21 Javascript
Mac中安装nvm的教程分享
Dec 11 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
Vue动态生成表格的行和列
Jul 18 Javascript
详解JavaScript匿名函数和闭包
Jul 10 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静态类
2006/11/25 PHP
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
PHP 第一节 php简介
2012/04/28 PHP
深入PHP数据缓存的使用说明
2013/05/10 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
JavaScript中的函数重载深入理解
2014/08/04 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
基于vue的下拉刷新指令和滚动刷新指令
2016/12/23 Javascript
将angular.js项目整合到.net mvc中的方法详解
2017/06/29 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
es6 for循环中let和var区别详解
2020/01/12 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
Python解惑之整数比较详解
2017/04/24 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
python五子棋游戏的设计与实现
2019/06/18 Python
python中自带的三个装饰器的实现
2019/11/08 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
学校师德师风整改方案
2014/10/28 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
开天辟地观后感
2015/06/09 职场文书
大学生志愿者心得体会
2016/01/15 职场文书
python基于turtle绘制几何图形
2021/06/15 Python
Tomcat弱口令复现及利用
2022/05/06 Servers