Autocomplete angular js from php array with json and $http

Question

I have to made something like this plunker I found, an autocomplete, but I have to use a php array, using $http.

If I put an alert to see my array, works fine, but I don't have any idea of what I have to do to make this filter in angularjs :(

My $http:

/*CONNESSIONE HTTP -------------------------------------- */  
$scope.connessione = function (){
    $http({method: 'GET', url: 'http://www.fattura.local/contatti.php'}).

    success(function(data, status, headers, config) {
        alert(data);        
    }).

    error(function(data, status, headers, config) {
        alert("errore.");
    });   };    }]);

My Php array:

<?php

$contatti = array('Mario Rossi, Via Cippina,1 - 10100 Torino','Giacomo Puccini, Via Cippella, 2 10100 Torino','Giuseppe Verdi, Via Aida, 14 10100 Torino','Nicolò Paganini, Via NonRipetibile, 33 10023 Chieri');
echo json_encode($contatti);

Your exemple use the typeahead directive angular-ui.github.io/bootstrap/#/typeahead — Needpoule
– Needpoule, Commented Apr 29, 2014 at 10:34
I donk know how, but I solved it in this way: <textarea ng-model="selected" ng-click="connessione()" typeahead="contatti for contatti in contatti | filter:$viewValue">  </textarea> — Mariagrazia.B
– Mariagrazia.B, Commented Apr 29, 2014 at 14:36

chriss · Accepted Answer · 2014-11-05 08:25:29Z

1

One good solution is datalist html tag. It has disadvantage of not being supported in safari and IE9 and older. But it is very clean HTML solution.

<input list="data" />
<datalist id="data">
    <option value="data1"></option>
    <option value="data2"></option>
    <option value="data3"></option>
    <option value="data4"></option>
    <option value="data5"></option>
</datalist>

answered Nov 5, 2014 at 8:25

chriss

6694 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Autocomplete angular js from php array with json and $http

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related