Tutorial #21 del curso de Angular JS, en este tutorial veremos como agregar enventos a los elementos de la lista, también utilizaremos una arreglo empleando objetos para esto utilizamos el ejemplo anterior.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Coleciones de datos</title>
<script type="text/javascript" src="angular.min.js"></script>
</head>
<body ng-app="coleccionesApp">
<div ng-controller="controladorColecciones">
<ul>
<li ng-repeat="datoIndividual in datos" ng-click="mostrarDatos(datoIndividual)">{{datoIndividual}}</li>
</ul>
<input type="text" ng-model="nuevoItem">
<button ng-click="agregar()">Guardar</button>
<ul>
<li ng-repeat="actor in actores" ng-click="mostrarDatos(actor.apellido)">{{actor.nombre}}</li>
</ul>
</div>
<script type="text/javascript">
var coleccionDatosApp = angular.module('coleccionesApp', []);
coleccionDatosApp.controller('controladorColecciones',function($scope){
$scope.datos = ['piedra','papel','tijera'];
$scope.actores = [
{nombre: "Arnold", apellido:"Schwarzenegger"},
{nombre: "Chuck", apellido:"Norris"},
{nombre: "Bruce", apellido:"Lee"}
]
$scope.agregar = function(){
$scope.datos.push($scope.nuevoItem);
}
$scope.mostrarDatos = function(info){
alert('Elegiste: ' + info);
}
});
</script>
</body>
</html>