# MRE-AUTOCOMPLETE

Componente para utilização de autocomplete

### Instalação

   - Executar o comando de instalação pelo bower

```
    $ bower install mre-autocomplete --save
```

   - Adicionar arquivo css no html

```
    <link rel="stylesheet" href="/vendor/mre-autcomplete/assets/css/mre-autocomplete.css">
```

   - Adicionar arquivo js no html

```
    <script src="/vendor/mre-autocomplete/src/mre-autocomplete.js"></script>
```

   - Injetar o módulo mre.grid em sua aplicação

```
    angular.module('your.module', [
        'mre.autocomplete'
    ]);
```

### Utilização

   - Incluir no seu html o elemento do autocomplete

```
    <mre-autocomplete options-config="optionsConfig"></mre-autocomplete>
```

   - Configurações do autocomplete no controlador

```
    angular.module('your.module')
        .controller('YourController', function($scope, $http) {

            $scope.model = {nomeDoCampo:''};

            $scope.autoComplete = {
                name: 'nomeDoCampo',
                numberCharacters: 3,
                required: true,
                description: "descricao",
                items: [],
                model: $scope.model.nomeDoCampo,
                label: {
                    for : 'NomeDaLabel',
                    value: 'NomeDaLabel'
                },
                selected: function (item) {
                    //todo
                    console.log(item);
                },
                callback: function (value) {
                    $http.get('urlPesquisar', function(result) {
                        $scope.autoComplete.items = result._embedded.recurso;
                    });
                },
                notFound: 'Mensagem customizada para quando resultado não for encontrado',
            };    
        });
```