angularjs - multiple - ng-options value

select no mostrará el valor predeterminado cuando la lista se lea desde el servidor angularjs

Question

A continuación, selecciono que no mostrará el valor predeterminado cuando la lista de estado se lea desde el servidor a través de una llamada http en IE9. Si los valores de la lista de estado se configuran en el controlador, el valor predeterminado aparecerá bien.

<select id="status" class="form-control" ng-init="selectedStatus = statuslist[0]"
                            ng-model="selectedStatus"
                            ng-options="status for status in statuslist">
                    </select>

El valor predeterminado se muestra en el menú desplegable si hago esto

 $scope.statuslist = [
            "New",
            "Management Review"
        ]

pero no si la lista de estado es del servidor. Puedo ver la lista si hago clic en el menú desplegable, pero no en el valor predeterminado.

¿Alguien puede señalar lo obvio que me falta aquí?

Answer 1

ng-init no se debe usar allí, porque se evaluará a medida que se obtenga el html y, en ese momento, el valor de la lista de statuslist no se cargó dentro de $scope , por lo que se establecerá como selectedStatus como undefined

Es mejor que agregue esta línea $scope.selectedStatus = $scope.statuslist[0] inmediatamente después de que la lista de statuslist se cargue desde el servidor.