AngularJS - ng-repeatの反復の1つでスコープを変更する

Question

ng-optionsでselect要素を使用したくないAngularのプロジェクトを持っていますので、別のオプションを順に並べてリストを作成しましたそのうちの1つを選択します。

<div class="countrylist"> 
    <ul> 
    <li ng-repeat="c in shippingCountry"><p>{{c.name}}</p></li> 
    </ul> 
</div> 

したがって、選択したオプションは、選択したオプションが表示される別の要素を変更します。

これを実行するには、最初の要素の選択したオプションから2番目の要素にデータを渡す必要があります。私はこのようなことをしようとしました

<li ng-repeat="c in shippingCountry" ng-click="selectedCountry = {{c}}"><p>{{c.name}}</p></li> 

成功しません。

あなたはそれはとても明示的に親スコープを参照し、各反復の子スコープを作成し、事前

Answer 1

このような機能を01のように使用することをお勧めしますお使いのコントローラ

$scope.Click=function (c) 
{ 
    $scope.select=c; 

} 

Answer 2

でplunker here感謝を確認することができます。このような

変更、

<ul> 
<li ng-repeat="c in shippingCountry" ng-click="$parent.selectedCountry = c"><p>{{c.name}}</p></li> 
</ul> 

DEMO

Answer 3

// .html 
<div> 
    <ul> 
    <li>{{selectedCountry.item}}</li> 
    </ul> 
</div> 
<div class="countrylist"> 
    <ul> 
    <li ng-repeat="c in shippingCountry" ng-click="selectedCountry.item = c"><p>{{c.name}}</p></li> 
    </ul> 
</div> 

// controller 
$scope.selectedCountry = { 
    item: $scope.shippingCountry[0] 
}; 

Example

Answer 4

でこのメソッドを持つ

<li ng-repeat="c in shippingCountry" ng-click="Click(c)"><p>{{c.name}}</p></li> 

私はあなたのplunker hereを修正しました。これは、現在のスコープで、子ではなく現在のスコープで動作するため、スコープ内のメソッドを使用する方が良いでしょう。

<li ng-repeat="c in shippingCountry" ng-click="selectCountry(c)"> 
    <p>{{c.name}}</p> 
</li>