從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獲取價值

回答

相關問題