我將如何根據使用angularjs（$ http.get）在JSON文件中輸入的特定屬性解析json數據？

Question

我有我的JSON文件如下

{ 
    "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" 
    } 
]} 

以及特定我的js文件如下.....我用$http.get功能

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

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

這裏如何讀取JSON文件當使用AngularJS在$http.get中外部引用JSON文件時，我能否僅將colorName解析爲元素？

Answer 1

當請求發送到json file時，您無法即時查詢json文件。一種方法和最有效的方法是發送帶查詢的http調用作爲後端服務方法的參數並執行並從服務器端返回結果。

其他方式是過濾客戶端的結果。這樣所有的JSON數據將作爲響應返回，然後需要過濾來自控制器的相關數據'

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