AngularJS-针对同一表单多次httpget

Question

I am making an application. I have a form where the user can type in a product. I get the price with an angularjs service. I inject it in. RateInfoService.

So if I type in "Milk" it will say in the DOM {{rate}} -> $2

But if I fill in chips, it will change offcourse to {{rate}} -> $1.50

But what I want to fill in Milk and after that Chips. So I want it to show in the html page

Milk->$2 & Chips->$1.50.

So it will show both items, the user can keep typing in products and submitting it. (ng-click). I might be able to do that in an array but note that I have a . Not sure if that's possible to do with an ng-repeat or even if that is possible.

  $scope.submit = function() { 
  $scope.alarmingMarket = $scope.hard
  console.log($scope.monitors);
};

Also some extra info

  $scope.submit = function() { $scope.alarmingMarket = $scope.hard console.log($scope.monitors); }; 

$scope.alarmingMarket = $scope.hard

I used this so it would only get the market price after the user has filled in & pressed submit.

RateInfoService to get the price: http://pastebin.com/gHfhzMjR

I just found out it's possible to dump multiple objects in the url.

https://query.private%20in%20("Milk","Chips")&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=

How can I do this the best way in angular? i'm new in angularjs (3 weeks)

this is the Json formatted view (Explains the $scope.rate = data.query.results.rate.Rate;)

  "results": { "rate": [ { "id": "MILK", "Name": "MILK", "Rate": "1.1054", "Date": "10/26/2015", "Time": "9:37pm", "Ask": "1.1056", "Bid": "1.1052" }, { "id": "CHIPS", "Name": "CHIPS", "Rate": "1.5349", "Date": "10/26/2015", "Time": "9:37pm", "Ask": "1.5352", "Bid": "1.5346" 

I hope this was enough info. *** Not sure why the styling goes wrong. Sorry for the messy page. Stack overflow gives a good preview of this post, but something goes wrong when I publish it. A lot of the code isn't greyed out

Answer 1

My solution

    $scope.alarmingMarket = [];
  $scope.submit = function() { 

     // $scope.alarmingMarket = $scope.hard
     $scope.alarmingMarket.push($scope.hard);
      console.log($scope.alarmingMarket);
    };

This to push everything in the $scope.alarmingMarket array.

A service to get the rates

    module.service('RateInfoService', function($http) {
        return {
                getMarket: function(alarmingMarket) {
                    var market = alarmingMarket
                        return $http.get('https://query.private%20in%20(%22'+ market  + '%22)&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=')
                }
        }
})

market is the array.

and to parse the Json

 $scope.refreshData = function() { 
RateInfoService.getMarket($scope.alarmingMarket).success(function(data) {
  if($scope.alarmingMarket.length <= 1){ //if alarmingMarket[] has only 1 market
    $scope.rate = [];
    $scope.rate.marketid = data.query.results.rate.id;
    $scope.rate.rate = data.query.results.rate.Rate;
    $scope.rate.updateTime = data.query.results.rate.Time;
    console.log($scope.rate);
  }else{
  angular.forEach(data.query.results.rate, function (value, key) {
    $scope.rate = [];
    $scope.rate.marketid = data.query.results.rate[key].id;
    $scope.rate.rate = data.query.results.rate[key].Rate;
    $scope.rate.updateTime = data.query.results.rate[key].Time;
    console.log($scope.rate);
});
  }
})

Answer 2

Sorry don't have enough rep to post a comment. Please give me a plus if this helps so I can get more rep.

From what you posted it seems like you are trying to repeat over items selected by the user and then getting each new rate per item (not sure if $scope.alarmingMarket is an array of items or not).

If you wanted to get all the latest rates for items selected by the user, you have to pass the entire array of items up and get back an array and let the ng-repeat do the work by assigning the value to the $scope.alarmingMarket (if that was your item list).