Come posso analizzare i dati JSON in base alla particolare proprietà immessa nel file JSON utilizzando angularjs ($ http.get)? - javascript, angularjs, json

Ho il mio file JSON come segue

{
"colorsArray":[{
"colorName":"red",
"hexValue":"#f00"
},
{
"colorName":"green",
"hexValue":"#0f0"
},
{
"colorName":"blue",
"hexValue":"#00f"
},
{
"colorName":"cyan",
"hexValue":"#0ff"
},
{
"colorName":"magenta",
"hexValue":"#f0f"
},
{
"colorName":"yellow",
"hexValue":"#ff0"
},
{
"colorName":"black",
"hexValue":"#000"
}
]}

E il mio file js per il particolare come segue ..... Sto leggendo il file json qui usando $http.get funzionalità

var app = angular.module("app", ["ngTagsInput"]);
app.controller("MainCtrl", function($scope, $http) {

$scope.loadTags = function(query) {
return $http.get("tags.json");
};
});

Come potrò ottenere solo colorName come elemento analizzato quando il file JSON fa riferimento esternamente $http.get usando AngularJS?

risposte:

non puoi interrogare il file json al volo quando la richiesta è stata fatta a json file. Un modo e il modo più efficiente è inviare una chiamata http con query come parametro al metodo del servizio di backend ed eseguire e restituire il risultato dal lato server.

Un altro modo è filtrare il risultato dal lato client. In questo modo tutti i dati JSON torneranno come risposta e quindi sarà necessario filtrare i dati rilevanti dal controller "

$scope.loadTags = function(query) {
return $http.get("tags.jon").then(function(response) {
var data = response.data.map(function(obj) {
return obj.colorName;
})
return data;
})
};