首頁 >web前端 >js教程 >實例詳解AngularJS遍歷取得陣列元素

實例詳解AngularJS遍歷取得陣列元素

小云云
小云云原創
2018-05-19 16:57:393438瀏覽

本文主要介紹了AngularJS遍歷獲取數組元素的方法,涉及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=[&#39;Mon&#39;,&#39;Tue&#39;,&#39;Wen&#39;,&#39;Thu&#39;,&#39;Fri&#39;,&#39;Sat&#39;,&#39;Sun&#39;]">
    <!--循环获取数组里的元素start-->
    获取数组所有元素:
    <ul ng-repeat="a in Week">
      <li>
        <b style="color: green">{{a}}</b>
      </li>
    </ul>
    <!--获取数组单个元素-->
    获取数组单个元素:{{Week[0]}}
    <!--end-->
</body>
</html>

執行結果:

相關推薦:

php陣列轉字串取得陣列表示的路徑方法分析

詳解AngularJS使用ng-repeat遍歷二維陣列元素

php遍歷二維陣列的幾種方法

#

以上是實例詳解AngularJS遍歷取得陣列元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn