異なるデータを持つ2つのdivで同じスコープを使用するにはどうすればよいですか？

Question

$rootScope.getPricesData = function (typ) { 
     var data = { 
      type: typ 
     } 
     $http({ 
      url: '...', 
      method: 'POST', 
      data: data 
     }).then(function (res) { 
      $rootScope.pricesData = res.data; 
      console.log(res); 
     }) 
    } 

とその作品は良いとhtml

<div ng-init="getPricesData('template')">info template</div> 
<div ng-init="getPricesData('subscription_month')">info subscription_month</div> 

と私は私が正しく、このデータを見て、関数がのために（2回呼ばれたコンソール（tempateおよびサブスクリプションではない）サブスクリプションに関するこれら二つのdivの情報で見ますテンプレートとサブスクリプション）。

ヘルプ

Answer 1

• あなたはシナリオを処理するためのJavascript ternary operatorを使用することができるようにすることができオブジェクトあなたの$ rootScopeを作るです。

  $rootScope.getPricesData = function (typ) { 
      var data = { 
       type: typ 
      } 
      $http({ 
       url: '...', 
       method: 'POST', 
       data: data 
      }).then(function (res) { 
       if(typ == 'template') ? $scope.templatePricesData = res.data : $scope.subscriptionPricesData = res.data; 
      }) 
  } 
  

• あなたは1つの空のオブジェクトを作成し、成功応答にオブジェクトのそれぞれの特性に応じてデータを割り当てることができます。

  $scope.resData = {}; 
  $rootScope.getPricesData = function (typ) { 
      var data = { 
       type: typ 
      } 
      $http({ 
       url: '...', 
       method: 'POST', 
       data: data 
      }).then(function (res) { 
       $scope.resData[typ] = res.data; 
      }) 
  } 
  

Answer 2

のために、私は、これは常に上書きされますとお考えください 私はスコープのオーバーライドを考える（私はそれを修正する方法がわかりません）。一つの可能​​な解決策は、それが$ rootScope.pricesData [標準]