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 相关文章推荐
基于jquery的模态div层弹出效果
Aug 21 Javascript
验证码按回车不变解决方法
Mar 29 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
JavaScript程序员应该知道的45个实用技巧
Mar 04 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
微信小程序实践之动态控制组件的显示/隐藏功能
Jul 18 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
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和ACCESS写聊天室(四)
2006/10/09 PHP
一篇入门的php Class 文章
2007/04/04 PHP
PHP+ajax 无刷新删除数据
2010/02/20 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
js数组依据下标删除元素
2015/04/14 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
jQuery ajax分页插件实例代码
2016/01/27 Javascript
Javascript基于jQuery UI实现选中区域拖拽效果
2016/11/25 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
jQuery中绑定事件bind() on() live() one()的异同
2017/02/23 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
Python图像处理之gif动态图的解析与合成操作详解
2018/12/30 Python
python async with和async for的使用
2019/06/20 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
matplotlib之属性组合包(cycler)的使用
2021/02/24 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
为您的家、后院、车库等在线购物:Spreetail
2019/06/17 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
关于抽烟的检讨书
2014/02/25 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
文化建设工作方案
2014/05/12 职场文书
美术课外活动总结
2014/07/08 职场文书
超市工作总结范文2014
2014/12/19 职场文书
利用js实现简单开关灯代码
2021/11/23 Javascript