AngularJS遍历获取数组元素的方法示例


Posted in Javascript onNovember 11, 2017

本文实例讲述了AngularJS遍历获取数组元素的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>获取数组的元素例子</title>
  <script src="angular.min.js"></script>
  <script>
    var app=angular.module("lesson",[]);
    app.controller("oneCtrl",function($scope){
    });
  </script>
</head>
<body ng-app="lesson" ng-controller="oneCtrl" ng-init="Week=['Mon','Tue','Wen','Thu','Fri','Sat','Sun']">
    <!--循环获取数组里的元素start-->
    获取数组所有元素:
    <ul ng-repeat="a in Week">
      <li>
        <b style="color: green">{{a}}</b>
      </li>
    </ul>
    <!--获取数组单个元素-->
    获取数组单个元素:{{Week[0]}}
    <!--end-->
</body>
</html>

运行结果:

AngularJS遍历获取数组元素的方法示例

希望本文所述对大家AngularJS程序设计有所帮助。

Javascript 相关文章推荐
js实现右下角提示框的方法
Feb 03 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
vue项目中使用tinymce编辑器的步骤详解
Sep 11 Javascript
优化Vue项目编译文件大小的方法步骤
May 27 Javascript
微信小程序 Storage更新详解
Jul 16 Javascript
vue实现抖音时间转盘
Sep 08 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
Aug 17 Javascript
vscode 调试 node.js的方法步骤
Sep 15 Javascript
vue-router中hash模式与history模式的区别
Jun 23 Vue.js
vue jsx 使用指南及vue.js 使用jsx语法的方法
Nov 11 #Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 #Javascript
详解Vue如何支持JSX语法
Nov 10 #Javascript
微信小程序异步处理详解
Nov 10 #Javascript
微信小程序实现选项卡功能
Jun 19 #Javascript
微信小程序实现多宫格抽奖活动
Apr 15 #Javascript
十分钟带你快速了解React16新特性
Nov 10 #Javascript
You might like
Window下PHP三种运行方式图文详解
2013/06/11 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
JavaScript中为元素加上name属性的方法
2011/05/09 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
ios设备中angularjs无法改变页面title的解决方法
2018/09/13 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
2019/04/17 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
python比较两个列表是否相等的方法
2015/07/28 Python
Python守护线程用法实例
2017/06/23 Python
python 的 openpyxl模块 读取 Excel文件的方法
2019/09/09 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
详解python环境安装selenium和手动下载安装selenium的方法
2020/03/17 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
澳大利亚实惠时尚女装商店:Katies
2019/06/16 全球购物
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
幼儿园六一活动总结
2014/08/27 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL
5人制售《绝地求生》游戏外挂获利500多万元 被判刑
2022/03/31 其他游戏