在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 插件 人性化的消息显示
Jan 21 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
jquery密码强度校验
Dec 02 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
Vue+SpringBoot开发V部落博客管理平台
Dec 27 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
Javascript生成器(Generator)的介绍与使用
Jan 31 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中apc缓存使用示例
2013/12/25 PHP
php读取纯真ip数据库使用示例
2014/01/26 PHP
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
在JavaScript中获取请求的URL参数
2010/12/22 Javascript
HTML Color Picker(js拾色器效果)
2013/08/27 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
实例讲解JQuery中this和$(this)区别
2014/12/08 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
Nodejs中crypto模块的安全知识讲解
2018/01/03 NodeJs
详解vue中axios请求的封装
2019/04/08 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
2020/11/05 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
python实现simhash算法实例
2014/04/25 Python
python实现绘制树枝简单示例
2014/07/24 Python
python单元测试unittest实例详解
2015/05/11 Python
scrapy爬虫实例分享
2017/12/28 Python
nginx搭建基于python的web环境的实现步骤
2020/01/03 Python
利用Python如何画一颗心、小人发射爱心
2021/02/21 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
深深扎根运动世界的生活品牌:Tillys
2017/10/30 全球购物
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
物流仓管员岗位职责
2013/12/04 职场文书
汽车专业人才自我鉴定范文
2013/12/29 职场文书
军训感想500字
2014/02/20 职场文书
大学毕业生推荐信
2014/07/09 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
机关职员工作检讨书
2014/10/23 职场文书
美丽的大脚观后感
2015/06/03 职场文书
Win11 Build 21996.1 Dev版怎么样? win11系统截图欣赏
2021/11/21 数码科技
mysql sock 文件解析及作用讲解
2022/07/15 MySQL