最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

在angularJs中进行数据遍历的2种方法

来源:懂视网 责编:小采 时间:2020-11-27 22:06:38
文档

在angularJs中进行数据遍历的2种方法

在angularJs中进行数据遍历的2种方法:2种方式分别为: 1、数组数据遍历 2、对象数据遍历 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <script src=angular.min.js></script> <
推荐度:
导读在angularJs中进行数据遍历的2种方法:2种方式分别为: 1、数组数据遍历 2、对象数据遍历 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <script src=angular.min.js></script> <

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种方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

文档

在angularJs中进行数据遍历的2种方法

在angularJs中进行数据遍历的2种方法:2种方式分别为: 1、数组数据遍历 2、对象数据遍历 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <script src=angular.min.js></script> <
推荐度:
标签: 方法 数据 的方法
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top