从json url获取价值

我正在用AngularJS开发一个简单的应用程序，我想动态地获取价格的价值，我的意思是从json数据中获取价格。这可能吗！从json url获取价值

这是我data.json：

{ 
    "prix": { 
     "prix_diesel": "8.54", 
     "prix_essence": "10.30", 
     "prix_aditive": "0.00" 
    } 
}

这是我控制器：plunkr

我搜索：

angular.module("myApp",['zingchart-angularjs']).controller('MainController', ['$scope', '$http', function($scope, $http) { 

    $scope.cities =[{ 
    "name": "city A", 
     "elements": [{ 
      "id": "c01", 
      "name": "name1", 
      "price": "15",//I want to get this price from the data.json. Get it from the value of prix_diesel attribute 
      "qte": "10" //I want to get this price from the data.json. Get it from the value of prix_essence attribute 
     }, { 
      "id": "c02", 
      "name": "name2", 
      "price": "18", 
      "qte": "11" 
     }, { 
      "id": "c03", 
      "name": "name3", 
      "price": "11", 
      "qte": "14" 
     }], 
     "subsities": [{ 
      "name": "sub A1", 
      "elements": [{ 
      "id": "sub01", 
      "name": "nameSub1", 
      "price": "1", 
      "qte": "14" 
      }, { 
      "id": "sub02", 
      "name": "nameSub2", 
      "price": "8", 
      "qte": "13" 
      }, { 
      "id": "sub03", 
      "name": "nameSub3", 
      "price": "1", 
      "qte": "14" 
      }] 
     }, { 
      "name": "sub A2", 
      "elements": [{ 
      "id": "ssub01", 
      "name": "nameSsub1", 
      "price": "1", 
      "qte": "7" 
      }, { 
      "id": "ssub02", 
      "name": "nameSsub2", 
      "price": "8", 
      "qte": "1" 
      }, { 
      "id": "ssub03", 
      "name": "nameSsub3", 
      "price": "4", 
      "qte": "19" 
      }] 
     }, { 
      "name": "sub A3", 
      "elements": [{ 
      "id": "sssub01", 
      "name": "nameSssub1", 
      "price": "1", 
      "qte": "11" 
      }, { 
      "id": "sssub02", 
      "name": "nameSssub2", 
      "price": "2", 
      "qte": "15" 
      }, { 
      "id": "sssub03", 
      "name": "nameSssub3", 
      "price": "1", 
      "qte": "15" 
      }] 
     }] 
     }, { 
     "name": "city B", 
     "elements": [{ 
      "id": "cc01", 
      "name": "name11", 
      "price": "10", 
      "qte": "11" 
     }, { 
      "id": "cc02", 
      "name": "name22", 
      "price": "14", 
      "qte": "19" 
     }, { 
      "id": "cc03", 
      "name": "name33", 
      "price": "11", 
      "qte": "18" 
     }] 
     }, { 
     "name": "city C", 
     "elements": [{ 
      "id": "ccc01", 
      "name": "name111", 
      "price": "19", 
      "qte": "12" 
     }, { 
      "id": "ccc02", 
      "name": "name222", 
      "price": "18", 
      "qte": "17" 
     }, { 
      "id": "ccc03", 
      "name": "name333", 
      "price": "10", 
      "qte": "5" 
     }] 
     }] 

    $scope.extractSubsities = function(itemSelected) { 
    if(itemSelected && itemSelected.elements){ 
     $scope.data = itemSelected.elements; 
    } 

    } 

}]);

我在plunkr此设置我发现如果我想从URL获取数据，我需要一个XMLHttpRequest（带有A ngular，我可以使用$ http.get）。请你有任何想法！

来源

2016-05-26 Abderrahim

如果我正确理解你的问题，你需要：

$http({method: 'GET', url: 'data.json'}) 
.then(function(data) { 
    if($scope.cities && $scope.cities[0] && $scope.cities[0].elements && $scope.cities[0].elements[0]){ 
     $scope.cities[0].elements[0].price = data.data.prix.prix_diesel; 
     $scope.cities[0].elements[0].qte = data.data.prix.prix_essence; 
    } 
});

plunkr

来源

2016-05-26 00:38:19 user3335966

'success'已经过时......你应该不建议使用它 – charlietfl

但是A城市的价格仍然是15我想从data.json和prix_diesel的价值中得到它的价值（8.54） – Abderrahim

@charlietfl - 谢谢，我不知道它; – user3335966

您的标记：

<div ng-repeat="item in cities"> 
Price: {{item.cities.price}}<br /> 
Quantity: {{item.cities.qte}}</div>

来源

2016-05-26 00:41:15

也许你不明白我的问题，也许我没有解释得很好谢谢你的答案 – Abderrahim

从json url获取价值

回答

相关问题