angular.js - angularjs と同じメソッドで、トリガーを現在の要素に対してのみ有効にする方法。

Question

大きな画像の 3 つの部分は背景から読み込まれ、ng-repeat を使用してバインドされます。実装される機能は、画面上の小さな隅のマークをクリックすることです。各パートの右端で、現在のパートを展開または折りたたむことができますが、ng-rep が原因です。メソッド名と ng-show='myVar' も同じなので、隅のアイコンをクリックすると領域全体が縮小または拡張されます。
このコード; ng が必要です - 繰り返しの基本コードはまだ変更されていません。

リーリー

Answer 1

ng-repeat時に$indexでトラックを追加し、$indexをtoggle()に渡すと良いと思います。繰り返す必要がある長さと同じ長さの myVar 配列を宣言し、配列の値を true に設定し、ng-if="myVar[$index]" を使用して先頭に表示します。
展開ボタンと縮小ボタンをクリックすると、toggle($index) は配列内の対応する位置の値を反転するだけです。

Answer 2

まだ ng-repeat を使っていないので、ng-repeat に切り替えれば問題ありません。
なお、トグルを書く必要はなく、ng-click するだけです。 ="myVar=!myVar"