I am looking to populate data into 3 inputs based on the JSON response I receive from my node server. However, despite receiving a response, I am unable to input it into the designated fields.
Controller:
$scope.edit = function(id, contact) {
console.log(id);
$http.get('/contactlist/' + id).then(function(response) {
console.log(response);
$scope.contact = response;
});
};
Server:
app.get('/contactlist/:id', function (req, res) {
var id = req.params.id;
console.log(id);
connection.query('SELECT * FROM contactlist WHERE id = ' + id, function (error, results, fields) {
console.log(results);
res.json(results);
});
});
index.html:
<div class="input-field col s4">
<input id="name" type="text" class="form" ng-model="contact.name">
<label for="name">Nom</label>
{{contact.name}}
</div>
<div class="input-field col s4">
<input id="email" type="text" class="form" ng-model="contact.email">
<label for="email">Email</label>
</div>
<div class="input-field col s4">
<input id="number" type="text" class="form" ng-model="contact.number">
<label for="number">Numéro</label>
</div>
The response displayed in Chrome : View Response Object