Angular ng-repeat y sus opciones

Cuando trabajamos con Angular.js entre las directivas que más empleamos es ng-repeat. Esta directiva deja presentar en una vista una compilación de elementos aguantando parametrizaciones diferentes. Iremos viendo las distintas opciones. Para esto vamos a partir de este bloque de código: Como podemos observar se ha creado una compilación de personas y se ha usado la directiva ng-repeat para producir una tabla. Vamos a emplear la propiedad dólares americanos index para enseñar la situación de cada item en la compilación. El desenlace va a ser : De afín forma a la situación de cada item podemos identificar los elementos pares y también impares mediante las propiedades dólares americanos odd y dólares americanos even. Las filas van a quedar marcadas : Otra alternativa soportada es identificar el primer elemento ( dólares americanos first) , el último ( dólares americanos last) y el resto de los elementos ( dólares americanos middle). Cada item queda identificado: En ciertas ocasiones no es suficiente con usar ng-repeat y la estructura precisa una mayor flexibilidad. En estos casos podemos emplear las directivas ng-repeat-start y ng-repeat-end para aplicar un formato más adaptado. En un caso así toda vez que se imprime una fila de la tabla se agrega una fila auxiliar que sirve de separación. Finalmente producimos un botón en todas y cada una de las filas que se ocupe de imprimir el objeto por la consola. Para esto vamos a crear una nueva función en nuestro dólares americanos scope y agregaremos el servicio de dólares americanos log como dependencia: dólares americanos scope.consola=function(persona) undefined Esta función se hace cargo de imprimir en la consola el objeto de cada fila, para sorpresa de muchos el desenlace incluye un hashkey: Este hashkey es creado por Angular.js para llevar un control de las modificaciones que se efectúan a cada objeto y también identifica cada uno de ellos de forma única. El inconveniente es que muy frecuentemente deseamos que estos objetos se identifiquen por medio de una clave primaria que asignamos. Podemos obligar a Angular.js a emplear nuestra clave usando la sentencia track by en la directiva ng-repeat, esto suprimirá los hashkeys. En turincon.net | Introducción a Angular.js SyntaxHighlighter.all(); Asimismo te invitamos a Javascript Objetos y Textuales DOM Event Capturing vs Bubbling Fb Javascript Developers Console: más por menos – La nueva Angular ng-repeat y sus opciones fue publicada originalmente en turincon.net por C. Á. .