CODEWITHSUNDEEP
javascriptphpjqueryjsonangularjs
Mariagrazia.B
Mariagrazia.B

Reputation: 71

Autocomplete angular js from php array with json and $http

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);

Upvotes: 0

Views: 1108

Answers (1)

chriss
chriss

Reputation: 669

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>

Upvotes: 1

Related Questions