如何使NG重複獨特的NG-模型

我想使每個test（NG-模型），如test1，test2在下面的代碼獨特..如何使NG重複獨特的NG-模型

<div ng-repeat="item in Array"> 
    <div>{{item.Name}}</div> 
    <a ng-click="openClose(test)>show/hide</a> 
    <div ng-show="test">{{item.Des}}</div> 
</div> 

$scope.openClose = function (modalName) { 
    $scope[modalName] = $scope[modalName] ? false : true; 
}

來源

2017-09-23 om.

很抱歉，我們無法理解你的要求。請仔細寫下你想要達到的目標。謝謝 – lin

你檢查了答案嗎？它有幫助嗎？ –

謝謝你@AKA –

您可以使用$index保持show/hide當您使用ng-repeat時，您獲得每個元素的值。

angular.module('app',[]).controller('mainCtrl', function($scope){ 
 
    
 
    $scope.Array = [{Name:'abc'},{Name:'zzz'},{Name:'yyy'},{Name:'xxx'}]; 
 
    
 
    $scope.openClose = function (index) { 
 
     if($scope.selectedValue == index){ 
 
     $scope.selectedValue = -1; 
 
     }else{ 
 
     \t $scope.selectedValue = index; 
 
     } 
 
    } 
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='app' ng-controller='mainCtrl'> 
 
    <div ng-repeat="item in Array"> 
 
    <div>{{item.Name}}</div> 
 
     <a ng-click="openClose($index)">show/hide</a> 
 
    <div ng-show='$index === selectedValue'>Hide Show content</div> 
 
    </div> 
 
</div>

來源

2017-09-23 11:19:43

如何使NG重複獨特的NG-模型

回答

相關問題