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 相关文章推荐
用ADODB.Stream转换
Jan 22 Javascript
js继承 Base类的源码解析
Dec 30 Javascript
Prototype 工具函数 学习
Jul 23 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
Javascript 运动中Offset的bug解决方案
Dec 24 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
Aug 29 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
js实现简单分页导航栏效果
Jun 28 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
Nov 09 Javascript
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
function.inc.php超越php
2006/12/09 PHP
php中随机函数mt_rand()与rand()性能对比分析
2014/12/01 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
使用js 设置url参数
2013/07/08 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
理解javascript中try...catch...finally
2015/12/25 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
2018/03/13 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
详解如何使用React Hooks请求数据并渲染
2020/10/18 Javascript
[00:18]天涯墨客三技能展示
2018/08/25 DOTA
Python中关于字符串对象的一些基础知识
2015/04/08 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
Python获取时间戳代码实例
2019/09/24 Python
Python倒排索引之查找包含某主题或单词的文件
2019/11/13 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
python 实现字符串下标的输出功能
2020/02/13 Python
pycharm开发一个简单界面和通用mvc模板(操作方法图解)
2020/05/27 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
工程部主管岗位职责
2013/11/17 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
2014年毕业演讲稿范文
2014/05/13 职场文书
见习报告怎么写
2014/10/31 职场文书
同学会演讲稿
2019/04/02 职场文书
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python
Java实现简单小画板
2022/06/10 Java/Android
python数字图像处理之对比度与亮度调整示例
2022/06/28 Python