Assign default value to a select that is filled with ng-options

Question

Assign default value to a select that is filled with ng-options

Navigation

#1 by (1 votes)
#2 by (0 votes)

1

The problem is the following: I have several selections the first two of region and provinces are filled only, but that of cities depends on the province selected and the one of polygon is shown only when the city of valdivia is selected, but when this city is not selected it is ideal to be I can assign a default value, because if I leave it like this it remains undefined and it generates problems for me, someone who thinks faster than me please help.

.factory('poligono', function(){
var poligonos = [
    {idPoligono:'1',nombrePoligono:'Poligono A'},
    {idPoligono:'2',nombrePoligono:'Poligono B'}
];
return{
    getPoligonos: function(){
        return poligonos;
    }
}
})

this is my HTML code

    <form id="page-form1" class="list">
  <label class="item item-select" id="page-select1">
    <span >Región</span>
    <!--<select ng-options="elemento.idRegion as elemento.nombreRegion for elemento in region" ng-model="reg">
           <option value="">--Seleccione Una Opción--</option>
    </select>-->
    <select ng-options="elemento.idRegion as elemento.nombreRegion for elemento in regioness" ng-model="reg">
           <option value="">--Seleccione Una Opción--</option>
    </select>
  </label>

  <label class="item item-select" id="page-select2">
    <span class="input-label">Provincia</span>
    <!--<select ng-model="pro" ng-change="cargarCiudades(pro)" ng-options="item.idProvincia as item.nombreProvincia for item in provincias" id="provin">
        <option value="">--Seleccione Una Opción--</option>
    </select>-->
    <select ng-model="pro"  ng-change="cargarCiudades(pro)" ng-options="item.idProvincia as item.nombreProvincia for item in provinciass" id="provin">
        <option value="">--Seleccione Una Opción--</option>
    </select>
  </label>
  <label class="item item-select" id="page-select3">
    <span class="input-label">Ciudad</span>
    <!--item.idCiudad as item.nombreCiudad for item in ciudad -->
    <select  ng-options="dato.idCiudad as dato.nombreCiudad for dato in ciudadess" ng-model="ciu">
        <option value="">--Seleccione Una Opción--</option>
    </select>
  </label>
  <div id="page-container1" class="creator-container">


      <label class="item item-select" id="page-select4" ng-show="ciu == 1">
   //HE AQUI MI PROBLEMA 
        <span class="input-label">Poligono</span>
        <select ng-model="poli" ng-init="poli = options[0]" ng-options="item.idPoligono as item.nombrePoligono for item in poligono">
              <option value="0" selected = "selected">--seleccione Poligono--</option>
              <!--<option value="1">Poligono A</option>
              <option value="2">Poligono B</option>-->
        </select>
  </label>

angularjs ionic

asked by Dagg 25.11.2016 в 06:22

source

2 answers

button return Toolbar to the previous activity "without Reloading the Activity again Place an image in PHP excel With an external path

score 1 · Answer 1

1

I have it resolved with ng-selected like this:

<option ng-selected="obj.propiedad==valor">OPTION1</option>

answered by 25.11.2016 в 09:01

score 0 · Answer 2

To assign a default value to a select the easiest way is with ng-init="value_option".

I'll attach a small example:

<select class="form-control" id="seleccion" ng-init="valorBusqueda='valor_usuario'" ng-model="valorBusqueda">
        <option value="valor_usuario">Usuarios</option>
        <option value="valor_escuelas">Escuelas de escalada</option>
</select>

It is very important not to confuse the value attribute of the option with the text of the option. I hope I've helped! =)