Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Как увеличивать на один ng-repeat=" (https://javascript.ru/forum/angular/57261-kak-uvelichivat-na-odin-ng-repeat%3D.html)

A1x1On2015 27.07.2015 15:23

Как увеличивать на один ng-repeat="
 
Здравствуйте,
Подскажите пожалуйста, есть такой код
<div class="sel-list">
<span class="option" tabindex="{{TAB++}}" ng-repeat="u in Tags>   {{u.TITLETAG}}
</span>
</div>


$scope.TAB = 1;
Не пойму как увеличивать tabindex на один при каждой итерации ng-repeat, типа как в js TAB++

ksa 27.07.2015 16:01

Цитата:

Сообщение от A1x1On2015
$scope.TAB = 1;

Так не пойдет. :no:
Поскольку ng-repeat реагирует на изменение массива Tags...
А свойство $scope.TAB будет "жить" своей жизнью. :)

Цитата:

Сообщение от A1x1On2015
как увеличивать tabindex на один при каждой итерации ng-repeat

Как вариант...

<!DOCTYPE html>
<html  ng-app>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>

<div ng-init="users = [
  {name:'John', age:25, gender:'boy'},
  {name:'Jessie', age:30, gender:'girl'},
  {name:'Johanna', age:28, gender:'girl'},
  {name:'Joy', age:15, gender:'girl'},
  {name:'Mary', age:28, gender:'girl'},
  {name:'Peter', age:95, gender:'boy'},
  {name:'Sebastian', age:50, gender:'boy'},
  {name:'Erika', age:27, gender:'girl'},
  {name:'Patrick', age:40, gender:'boy'},
  {name:'Samantha', age:60, gender:'girl'}
]">
<div ng-repeat='(i, user) in users' tabindex='{{i+1}}'>{{i+1}}. {{user.name}}</div>
</body>
</html>

nerv_ 27.07.2015 17:06

открыть документацию
{{$index}}

A1x1On2015 28.07.2015 12:10

хорошо

A1x1On2015 28.07.2015 12:12

Цитата:

Сообщение от ksa
ksa

Спасибо, то что нужно!


Часовой пояс GMT +3, время: 09:23.