AngularJS遍歷獲取數(shù)組元素的方法示例

更新時間：2017年11月11日 11:20:42 作者：cherishSpring

這篇文章主要介紹了AngularJS遍歷獲取數(shù)組元素的方法,涉及AngularJS簡單的數(shù)組遍歷及元素獲取相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了AngularJS遍歷獲取數(shù)組元素的方法。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>獲取數(shù)組的元素例子</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']">
    <!--循環(huán)獲取數(shù)組里的元素start-->
    獲取數(shù)組所有元素：
    <ul ng-repeat="a in Week">
      <li>
        <b style="color: green">{{a}}</b>
      </li>
    </ul>
    <!--獲取數(shù)組單個元素-->
    獲取數(shù)組單個元素：{{Week[0]}}
    <!--end-->
</body>
</html>

運行結(jié)果：

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用AngularJS對表單提交內(nèi)容進行驗證的操作方法
AngularJS是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當中。下面通過本文給大家分享使用AngularJS對表單提交內(nèi)容進行驗證的操作方法，需要的的朋友參考下吧
2017-07-07
Angular客戶端請求Rest服務(wù)跨域問題的解決方法
本篇文章主要介紹了Angular客戶端請求Rest服務(wù)跨域問題的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-09-09
Angular 2父子組件數(shù)據(jù)傳遞之@Input和@Output詳解(下)
這篇文章主要給大家介紹了關(guān)于Angular 2父子組件數(shù)據(jù)傳遞之@Input和@Output的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
2017-07-07
Angular?Component屬性綁定target和attr.target的區(qū)別分析
這篇文章主要介紹了Angular?Component屬性綁定target和attr.target的區(qū)別分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-07-07
詳解如何構(gòu)建一個Angular6的第三方npm包
這篇文章主要介紹了詳解如何構(gòu)建一個Angular6的第三方npm包,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09
詳解基于Angular4+ server render(服務(wù)端渲染)開發(fā)教程
本篇文章主要介紹了詳解基于Angular4+ server render(服務(wù)端渲染)開發(fā)教程，具有一定的參考價值，有興趣的可以了解一下
2017-08-08
AngularJS基礎(chǔ) ng-mouseover 指令簡單示例
本文主要介紹AngularJS ng-mouseover 指令,這里幫大家整理了AngularJS 指令的基礎(chǔ)知識,并附代碼示例,有興趣的小伙伴可以參考下
2016-08-08
AngularJS通過ng-route實現(xiàn)基本的路由功能實例詳解
這篇文章主要介紹了AngularJS通過ng-route實現(xiàn)基本的路由功能,結(jié)合實例形式詳細分析了AngularJS使用ng-route實現(xiàn)路由功能的操作步驟與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
2016-12-12
Angular中使用ng-zorro圖標庫部分圖標不能正常顯示問題
這篇文章主要介紹了Angular中使用ng-zorro圖標庫部分圖標不能正常顯示問題，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-04-04
Angularjs制作簡單的路由功能demo
這篇文章主要介紹了Angularjs制作簡單的路由功能demo，剛剛開始學(xué)習(xí)Angularjs,做的不好，還請見諒。
2015-04-04