How to select a default value in Angular JS 1.5 in the combo

Question

How to select a default value in Angular JS 1.5 in the combo

Navigation

#1 by (0 votes)

0

I'm doing an Edit from a Modal but I can not get the data to show me from the controller, only the empty field appears, note: if the selects work well.

Here is my HTML

<div class = "row">
 <div class="col-md-6">
<label>CLase Lente</label>
<select ng-options="clase as clase.nombre for clase in clases track by clase.codigo"
    ng-model="codigo_clase_lente"
    class="form-control">
    </select>
</div>
<div class="col-md-6">
<label>Color Lente</label>
<select ng-options="color as color.nombre for color in colores track by color.codigo" 
        ng-model="codigo_color_lente"
        class="form-control">
 </select>
</div>
</div>

here my code.

   cargarClases = function(){
   $http.get('/listClases').success(function(response){
        console.log('Lista Clases de Lentes cargadas');
        console.log(response);
        $scope.clases = response;
        $scope.codigo_clase_lente = response.codigo
    })
}

cargarColores = function(){
   $http.get('/listColores').success(function(response){
        console.log('Lista Colores de Lentes cargadas');
        console.log(response);
        $scope.colores = response;
        $scope.codigo_color_lente = response.codigo
    })
}

javascript html angularjs

asked by Gadi Orellana 30.01.2017 в 20:55

source

1 answer

Update records in codeigniter Perform AutoFill or FillDown on a filtered column. Excel VBA

score 0 · Answer 1

If the selects work perfectly, then you can use this

cargarClases = function(){
   $http.get('/listClases').success(function(response){
        console.log('Lista Clases de Lentes cargadas');
        console.log(response);
        $scope.clases = response;
        $scope.codigo_clase_lente = response[0];
    })
}

cargarColores = function(){
   $http.get('/listColores').success(function(response){
        console.log('Lista Colores de Lentes cargadas');
        console.log(response);
        $scope.colores = response;
        $scope.codigo_color_lente = response[0];
    })
}

Since what you are receiving from the API is an array. You can add a validation before to validate that the answer has elements.