Angular Js Data Scoping

Question

私は本当にこれでナッツを取得しています。誰かがこのトピックで私を助けることができるかどうかを知りたいと思います。事は - 私は、スコープが新しいバインディングを通じてinforationを渡すためにしようとしていることである

<div id="countries"> 
      <div id="box2"> 
       <img src="images/world/africa.png" ng-click="region='africa'" id="africa_button"> 
       <h3>AFRICA</h3> 
      </div> 
     <div id="box2"> 
      <img src="images/world/me.png" ng-click="region='Middle East'" id="middle_button"> 
      <h3>MIDDLE EAST</h3> 
     </div> 
     <div id="box2"> 
      <img src="images/world/ssa.png" ng-click="region='south america'" id="south_button"> 
      <h3>SOUTH AMERICA</h3> 
     </div> 
     <div id="box2"> 
      <img src="images/world/caribbean.png" ng-click="region='caribbean'" id="caribbean_button"> 
      <h3>CARIBBEAN</h3> 
     </div> 
    </div> 
    <div id="listing"> 
     <h3 ng-init="region='select a region'">{{region | uppercase}}</h3> 
     <p>Select your country</p> 
     <ul> 
      <li ng-repeat="country in countriesA" ng-click="countri='{{country.africa}}'" class="li_africa">{{country.africa | uppercase}}</li> 
      <li ng-repeat="country in countriesA" ng-click="countri='{{country.middle}}'" class="li_middle">{{country.middle | uppercase}}</li> 
      <li ng-repeat="country in countriesA" ng-click="countri='{{country.south}}'" class="li_south">{{country.south | uppercase}}</li> 
      <li ng-repeat="country in countriesA" ng-click="countri='{{country.caribbean}}'" class="li_caribbean">{{country.caribbean | uppercase}}</li> 
     </ul> 
    </div> 
    <div id="form"> 
     <h3 ng-init="countri='select a country'" id="h3">{{region | uppercase}} - {{countri | uppercase}}</h3> 

：

i'veは、コードのこの小さな作品を得ました。それは＃リストにいくつかの李を印刷することを提唱しましたが、実際にはそれは私には{{country.caribbean |大文字}}角式とそれ以外のものですが、私が作ろうとしていることは、それらの筆者のうちの1つをクリックしたいときに、そこに表示された情報（国である）を新しい変数に渡して{{countri |大文字}}。あなたが何かを助けることができれば、あなたが私に助けなければならないものがあれば、isidoro.barrera2@gmail.comに私に連絡してください。 ヘルプと感謝！

Answer 1

私はあなたが達成しようとしていることを正確にはわかりませんが、私はあなたに役立つ例を作っています。コントローラここ

$scope.countries = [ 
{name:'Africa', region:'Africa'}, 
{name:'Middle East', region:'Middle East'}, 
{name:'South America', region:'South America'}, 
{name:'Caribbean', region:'Caribbean'} 
]; 
$scope.setCountry = function(value){ 
    $scope.myCountry = value; 
}; 
$scope.setRegion = function(value){ 
    $scope.myRegion = value; 
}; 

で

<div ng-repeat="c in countries"> 
     <button class="btn btn-primary" ng-click="setRegion(c.region)">{{c.region}}</button> 
     <p></p> 
    </div> 
    <div> 
     <div id="listing"> 
     <h3 ng-init="region='select a region'">{{region | uppercase}}</h3> 
     <p>Select your country</p> 
     <ul> 
      <li ng-repeat="c in countries" ng-click="setCountry(c.name)">{{c.name}} </li> 
     </ul> 
     </div> 
     <div id="form"> 
     <h3>{{myRegion | uppercase}} - {{myCountry | uppercase}}</h3> 
     </div> 
    </div> 

この答えはあなたをcodepen実施例にhttp://codepen.io/mkl/pen/LZNKXg