Tengo el siguiente caso al usar ng-options
en mi dropdownlist.
Este es mi html:
<div class="col col50 colmin">
<div class="pull">
<div>{{selectIdCuenta.nombreAlias}}</div>
<select name="ifield06" ng-model="selectIdCuenta" ng-change="getListRecibos()" ng-options="cuentas.nombreAlias for cuentas in listCuentasCoorporativas">
<option value="">Cuenta</option>
</select>
</div>
</div>
</div>
y este es mi controller que llena el select:
productoServicio.getCuentasCoorporativos().then(function(response) {
$scope.listCuentasCoorporativas = response.data.obtenerListadoMovilCorporativoCuentaResponse.listadoCuenta;
angular.forEach($scope.listCuentasCoorporativas, function(val, key) {
if (val.idCuenta == idCuentaCoor) {
$scope.selectIdCuenta = $scope.listCuentasCoorporativas[key];
}
});
}, function(error) {
$scope.status = 'El cliente no cuenta con Lineas Moviles Coorporativas: ' + error.message;
});
lo cual funciona bien al renderizar y se selecciona correctamente el $scope.selectIdCuenta
pero al darle en el valor "Cuenta"
el dropdown se muestra vacío y no carga el valor "Cuenta"
.
Estoy controlando que no haga nada si selecciona ese valor pero necesito que se muestre el valor por default "Cuenta"
del HTML.
Por favor alguna ayuda o guía Saludos
Adicionalmente el array que obtengo (Json) es de la siguiente manera:
{
"listadoCuenta": [{
"idCuenta": "1000.123.67",
"nombreCuenta": "Principal",
"aliasCuenta": "Padre",
"nombreAlias": "Padre"
}, {
"idCuenta": "1000.543.1",
"nombreCuenta": "Principal",
"aliasCuenta": "Padre",
"nombreAlias": "Cta Nueva"
}, {
"idCuenta": "5.4300.12",
"nombreCuenta": "Principal",
"aliasCuenta": "Padre",
"nombreAlias": "Cta Otros"
}]
}
nombreAlias
->aliasCuenta
). Quizas estas cambiando la colección engetListRecibos()
ya que yo reproduje el código que pusiste y funciona como se espera. Que debería hacer la aplicación al seleccionar el valor"Cuenta"