問題描述

大圖里三個部分是從后臺讀取數(shù)據(jù)然后綁定用ng-repeat出來的，要實(shí)現(xiàn)的功能是點(diǎn)擊各個部分最右邊的小角標(biāo)，當(dāng)前部分能展開或者收起，但是由于ng-repeat，連方法名和ng-show=’myVar’都是一樣樣的，會導(dǎo)致點(diǎn)任何一個角標(biāo)整片收縮或展開;這段代碼是要ng-repeat的底代碼，還未做修改成，

$scope.myVar=false;$scope.toggle=function(){ this.myVar=!this.myVar;}

問題解答

我覺得你在ng-repeat的時候，加上track by $index,并將$index傳入toggle()中。聲明一個myVar數(shù)組，長度跟你需要repeat的長度相同，數(shù)組的值都設(shè)為true，使用ng-if='myVar[$index]'剛開始都顯示。在點(diǎn)擊展開收縮按鈕時toggle($index),將數(shù)組中對應(yīng)位置的值取反就行了。

因?yàn)槟氵€沒有用ng-repeat，所以不行，換成ng-repeat就沒問題了另外，你不用寫一個toggle，直接ng-click='myVar=!myVar'就好了