Instalacion

npm install destinos-autocomplete

Para que funcione necesita que este definida la variable destinos_url con la URL del endpoint.

var myApp = angular.module('myApp', ['destinos-autocomplete']);

<destinos-autocomplete model="uno" settings="{}"></destinos-autocomplete>

Ejemplos

Basico

<destinos-autocomplete model="uno" settings="{}"></destinos-autocomplete>

Valor preseleccionado

<destinos-autocomplete model="uno"  selected="selected" settings="{}"></destinos-autocomplete>

Solo con codigo Iata

<destinos-autocomplete model="uno" settings="{iata: true}"></destinos-autocomplete>

Boton limpiar

<destinos-autocomplete model="uno" settings="{emptyBtn: true}"></destinos-autocomplete>

Vaciar input despues de seleccionar

<destinos-autocomplete model="uno" settings="{emptyAfterSelect: true}"></destinos-autocomplete>

Array (model tiene que ser array)

<destinos-autocomplete model="uno" settings="{emptyBtn: true, isArray: true}"></destinos-autocomplete>

Callback al seleccionar

<destinos-autocomplete model="uno" settings="{emptyBtn: true, onSelect: 'custom'}"></destinos-autocomplete>

Paises

<destinos-autocomplete model="uno" settings="{emptyBtn: true, destino: 'paises'}"></destinos-autocomplete>

Aeropuertos

<destinos-autocomplete model="uno" settings="{emptyBtn: true, destino: 'aeropuertos'}"></destinos-autocomplete>

Completo

<destinos-autocomplete model="uno" settings="{emptyBtn: true, destino: 'completos'}"></destinos-autocomplete>

Opciones

  {
    placeholder: 'Ingresá 3 letras y seleccioná del listado', //Placeholder del input
    emptyBtn: false,                                          //Activar o no el boton para vaciar la seleccion
    destino: 'ciudades',                                      //Tipo de busqueda: ciudades | paises | completos | aeropuertos,
    iata: false,                                              //Solo ciudades con codigo iata
    isArray: false,                                           //Guardar seleccion en array
    emptyAfterSelect: false,                                  //vaciar el input despues de seleccionar
    onSelect: null                                            //funcion callback que llama al seleccionar Ej: 'pepe' llama a $scope.pepe
  }