Using ngTagsInput with $resource

Using ngTagsInput with $resource

Recently in an AngularJS project we used the ngTagsInput directive for AngularJS. In the documentation it is shown how to set-up your own function to load the data for the autocomplete functionality. Since our API returned the data in a way that ngTagsInput did not expected it, I needed a way to convert or extract the data before returning it to ngTagInput. It turned out to be quite easy:

$scope.loadTags = function (query) {
  var deferred = $q.defer();
  $resource('/tags/', {q: query}, {}).get().$promise.then(
function (response) { var tags = []; angular.forEach(response.data, function (item) { if (item.name) { tags.push({ text: item.name}); } }); deferred.resolve(tags); }); return deferred.promise; };


I was able to grab the response from the API, iterate over the returned items and create the return value (an array of strings) as expected by ngTagsInput.


Eintrag von Stephan Hochdörfer am 30.06.2015

Tags: AngularJS, ngTagsInput, $resource

Diese Webseite verwendet Cookies, um die Bedienfreundlichkeit zu erhöhen. Mit der Nutzung unserer Webseite wird das Einverständnis erklärt, dass wir Cookies verwenden. Weitere Informationen.