ng-repeat

Mal ejemplo.

by Marventus

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<body ng-app="miApp" ng-controller="MainCtrl">
  <p>
    Selecciona un usuario:
    <select ng-model="usuarioSeleccionado">
      <option value="">Selecione</option>
      <!-- no se pueden aplicar filtros -->
      <option ng-repeat="usuario in usuarios" ng-value="$index" ng-selected="$index === usuarioSeleccionado" > {{ usuario.nombre }} {{usuario.apellido }} ({{ usuario.rol }})</option>
    </select>
  </p>
  <p>El usuario seleccionado es: <strong> {{ usuarios[usuarioSeleccionado].nombre }} {{ usuarios[usuarioSeleccionado].apellido }}</strong> y fue creado el <span>{{usuarios[usuarioSeleccionado].date | date: dd-m-yyyy }}.</span>
  </p>
</body>

JavaScript

var app = angular.module('miApp', []);
app.controller('MainCtrl', function ($scope) {
  $scope.usuarios = [{
    idUsuario: 56,
    nombre: "Juan",
    apellido: "Gonzalez",
    rol: "Admin",
    date: new Date("March 12, 2009")
  }, {
    idUsuario: 46,
    nombre: "Ana",
    apellido: "Morales",
    rol: "Admin",
		date: new Date("January 25, 2013")
  }, {
    idUsuario: 62,
    nombre: "Sara",
    apellido: "Diaz",
    rol: "User",
		date: new Date("October 13, 2014")
  }, {
    idUsuario: 18,
    nombre: "Marcos",
    apellido: "Ortega",
    rol: "User",
    date: new Date("December 15, 2015")
  }];
  $scope.usuarioSeleccionado = 2;
});