ng-repeat
繰返し
JS側
for (var i = 0; i < 10; i++) {
$scope.hoges[i] = {
pageSize: 10,
Status: ‘A’,
count: i
};
}
for (var i = 0; i < 10; i++) {
$scope.fugas[i] = {
pageSize: 10,
Status: ‘A’,
count: i
};
}
HTML側
1 2 3 4 5 6 |
<span class="nt" style="color: navy;"><div</span> <span class="na" style="color: teal;">ng-repeat=</span><span class="s" style="color: #dd1144;">"hoge in hoges"</span><span class="nt" style="color: navy;">></span> <span class="nt" style="color: navy;"><div</span> <span class="na" style="color: teal;">ng-repeat=</span><span class="s" style="color: #dd1144;">"fuga in fugas"</span><span class="nt" style="color: navy;">></span> <span class="nt" style="color: navy;"><p</span> <span class="na" style="color: teal;">ng-show=</span><span class="s" style="color: #dd1144;">"$parent.$index % 3 == 0"</span><span class="nt" style="color: navy;">></span>hoge[3n].fugas<span class="nt" style="color: navy;"></p></span> <span class="nt" style="color: navy;"><p</span> <span class="na" style="color: teal;">ng-show=</span><span class="s" style="color: #dd1144;">"$parent.$index % 3 != 0"</span><span class="nt" style="color: navy;">></span>hoge[!3n].fugas<span class="nt" style="color: navy;"></p></span> <span class="nt" style="color: navy;"></div></span> <span class="nt" style="color: navy;"></div></span> |
メルマガ登録をお願いします。
素敵な?情報がいつもあなたに届くようになります。(itmnewsの記事が届きます。)お役に立つかどうかわかりませんが頑張りますっ。登録してみてください。