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 相关文章推荐
JavaScript学习笔记(十)
Jan 17 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 Javascript
js实现的复制兼容chrome和IE
Apr 03 Javascript
分享十五款 jQuery 社交网络分享插件
May 16 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
Bootstrap Modal遮罩弹出层代码分享
Nov 21 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
JS实现的判断方法、变量是否存在功能示例
Mar 28 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
Apr 30 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
php MYSQL 数据备份类
2009/06/19 PHP
基于PHP制作验证码
2016/10/12 PHP
php 判断字符串编码是utf-8 或gb2312实例
2016/11/01 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
Div自动滚动到末尾的代码
2008/10/26 Javascript
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
尝试在让script的type属性等于text/html
2013/01/15 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
jQuery超简单选项卡完整实例
2015/09/26 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
nodejs爬虫遇到的乱码问题汇总
2017/04/07 NodeJs
初识NodeJS服务端开发入门(Express+MySQL)
2017/04/07 NodeJs
详解Vue中一种简易路由传参办法
2017/09/15 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
2018/08/19 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
Python编程中装饰器的使用示例解析
2016/06/20 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python删除某个字符
2018/03/19 Python
Django进阶之CSRF的解决
2018/08/01 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python实现人工蜂群算法
2020/09/18 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
css3 自定义字体font-face使用介绍
2014/05/14 HTML / CSS
公司董事长职责
2013/12/12 职场文书
家长会邀请书
2014/01/25 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
小学校长竞聘演讲稿
2014/05/16 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
Pytorch中Softmax和LogSoftmax的使用详解
2021/06/05 Python
NodeJs使用webpack打包项目的方法详解
2022/02/28 NodeJs