ng-options inside if show...

by Alejandro M

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<body ng-app="miApp" ng-controller="MainCtrl">
  <div ng-show=condition>
    Selecciona un usuario:
    <select ng-model="$parent.usuarioSeleccionado" ng-options="usuario.nombre for usuario in usuarios | orderBy: 'nombre' track by usuario.idUsuario">
    <!- si usa orderBy deberia ir antes del track by y a dif del repetear el valor del orderBy va como string -->
      <option value=""> Selecione</option>
    </select>
    <p>modelo: {{usuarioSeleccionado.nombre}}</p>
    <a href="" ng-click="testf()">Test variable</a>
  </div>
</body>

JavaScript

var app = angular.module('miApp', []);
app.controller('MainCtrl', function($scope) {
  $scope.usuarios = [{
    idUsuario: 34,
    nombre: "Juan",
    apellido: "Gonzalez",
    rol: "Admin"
  }, {
    idUsuario: 46,
    nombre: "Ana",
    apellido: "Morales",
    rol: "Admin"

  }, {
    idUsuario: 62,
    nombre: "Sara",
    apellido: "Diaz",
    rol: "User"
  }, {
    idUsuario: 18,
    nombre: "Marcos",
    apellido: "Ortega",
    rol: "User"
  }];
  $scope.condition = true;
	$scope.testf = function(){
   console.log($scope.usuarioSeleccionado)
  }
});