Tema: Problema con auto incrementación Angular JS
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/11/2014, 22:09
Avatar de a1989
a1989
 
Fecha de Ingreso: septiembre-2012
Mensajes: 17
Antigüedad: 12 años, 2 meses
Puntos: 0
Pregunta Problema con auto incrementación Angular JS
Saludos, qué tal? tengo un pequeño problema con un conteo incrementativo en Angular JS.

Tengo un <table ng-repeat> que se repite mostrando un tbody y dentro de éste tengo un <tr ng-repeat> que se repite alimentando la tabla con varios trs mostrando información.

Hasta aquí todo bien, el problema aparece cuando quiero imprimir un conteo, por cada td quiero poner un número incrementativo, es decir, el primer td que tenga como ID 1, el segundo el 2, etc...

No consigo esto, ya que cuando el tr se repite el conteo se detiene hasta antes de empezar la siguiente repetición del próximo tr, entonces el conteo queda del 1 hasta el 3 suponiendo que cada tr tiene 3 td en su interior, bueno, pego el código aquí y cuelgo el codigo para que lo puedan observen en [URL="http://embed.plnkr.co/5h0Rjk9RhMswYqayVRxN/preview"]plunker[/URL].

Código Javascript: 
Ver original
  1. function groupColors($scope){
  2.     $scope.colors = [
  3.         {name : "rojos", color : [
  4.             ["IndianRed", "CD5C5C"],
  5.             ["LightCoral", "F08080"],
  6.             ["Salmon", "FA8072"]
  7.         ]},
  8.         {name : "rosados", color : [
  9.             ["Pink", "FFC0CB"],
  10.             ["LightPink", "FFB6C1"],
  11.             ["HotPink", "FF69B4"]
  12.         ]},
  13.         {name : "narajnas", color : [
  14.             ["Coral", "FF7F50"],
  15.             ["Tomato", "FF6347"],
  16.             ["OrangeRed", "FF4500"]
  17.         ]}
  18.     ];
  19. }
Código HTML: 
Ver original
  1. <body ng-app>
  2.     <div class="container">
  3.         <div class="table-responsive" ng-controller="groupColors">
  4.             <table class="table table-condensed table-bordered" ng-repeat="colors in colors">
  5.                 <thead>
  6.                     <tr>
  7.                         <th colspan="3"><h3><strong>Colores {{colors.name}}</strong></h3></th>
  8.                     </tr>
  9.                     <tr>
  10.                         <th>Nombre</th>
  11.                         <th>Código hexadecimal</th>
  12.                         <th>ID</th>
  13.                     </tr>
  14.                 </thead>
  15.                 <tbody>
  16.                     <tr ng-repeat="color in colors.color" style="background-color:{{color[0]}}" ng-init="count = $index+1">
  17.                         <td>{{color[0]}}</td>
  18.                         <td>{{color[1]}}</td>
  19.                         <td>{{count}}</td>
  20.                     </tr>
  21.                 </tbody>
  22.             </table>
  23.         </div>
  24.     </div>
  25. </body>

Quisiera saber si puedo hacer ese conteo del 1 hasta donde llegue sin reiniciarse, spero que sea una tonteria, aunque me quede trabado por una tonteria, gracias de antemano! saludos!