<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="angular-1.5.8.js"></script>
</head>
<body>
<!--//1.0當data是一個純數值的時候：[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]-->
<!--<div ng-app ng-init="data=[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]">-->
<!--<div ng-repeat="key in data">-->
<!--<div>{{key}}</div>-->
<!--</div>-->
<!--</div>-->
<!--//2.0當data是一個對象的時候：{name:"小明", age:15, sex:"男" }-->
<!--<div ng-app ng-init="data={name:'小明', age:15, sex:'男' }" >-->
<!--<div ng-repeat="(k,value) in data">-->
<!--<div>{{k}}</div>-->
<!--<div>{{value}}</div>-->
<!--</div>-->
<!--</div>-->
<script>
// 1.0當data是一個純數值的時候：[ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]
// 2.0當data是一個對象的時候：{name:'小明', age:15, sex:'男' }
//ng-repeat:
// 將一個集合( 數組, 鍵值對 )進行遍歷( for遍歷, for-in遍歷 )
// 一般該指令放在特定的標簽中, 凡是使用該指令的標簽會被重復的創建, 並填充指定的數據
// 一般使用 的 tr, li, div
//語法:
// ng-repeat=" 項 in 數組 "
// ng-repeat=" ( 鍵, 值 ) in 對象 "
// 例如要重復 div
// <div ng-repeat="v in list"></div>
</script>
</body>
</html>
angular中的方法ng-repeat的是使用
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。