Select ng-options con array de objetos

Ejemplo de como utilizar un select dinamico con ng-options de Angular

by Porfirio Chavez

HTML

<div ng-app="unaApp" ng-controller="SelectEjemplo">
<pre>Ejemplo tipo: -opcion- as -etiqueta- for -elemento- in -array de objeto</pre>
<select
  ng-options="elemento.id as elemento.nombre for elemento in elementos"
  ng-model="elegido">
  <option value="">-- seleccione una opción --</option>
</select>
<hr>
<label>Valor elegido:</label>
<input type="text" ng-model="elegido">

<pre>{{ elementos | json }}</pre>
</div>

JavaScript

var app = angular.module('unaApp', []);

app.controller('SelectEjemplo', ['$scope', function($scope){
  $scope.elementos = [
  { id: 'co', nombre: 'Colombia'},
  { id: 'mx', nombre: 'México'},
  { id: 'cl', nombre: 'Chile'},
  { id: 'br', nombre: 'Brasil'}];
  
  $scope.elegido = 'mx';
}]);