打开的弹出窗口点击

Question

问题是我的所有div在click打开。

我只想要该div打开其内容点击。

openBigDiv功能是：

$scope.IsHidden = true; 

$scope.openBigDiv = function { 
    $scope.IsHidden = $scope.IsHidden ? false : true; 
} 

我使用ng-click调用DIV功能。

Answer 1

您可以使用可视性标志阵列

HTML：

<div ng-app="testApp"> 
    <div ng-controller="testController"> 
     <div> 
      <button ng-click="showElem('elem1');">Show elem1</button> 
      <div ng-show="IsElemVisible('elem1')">elem1</div> 
      <button ng-click="showElem('elem2');">Show elem2</button> 
      <div ng-show="IsElemVisible('elem2')">elem2</div> 
     </div> 
    </div> 
</div> 

或HTML，如果你想使用循环：

<div ng-app="testApp" ng-init="myElems=['elem1','elem2','elem3']"> 
    <div ng-controller="testController"> 
     <div ng-repeat="elem in myElems"> 
      <button ng-click="showElem(elem);">Show {{elem}}</button> 
      <div ng-show="IsElemVisible(elem)">{{elem}}</div> 
     </div> 
    </div> 
</div> 

的Javascript：

var app = angular.module('testApp', []); 
app.controller('testController', function ($scope, $location, $rootScope, $log) { 
    $scope.hiddenElements = []; 
    $scope.IsElemVisible = function(elemId) { 
     return $scope.hiddenElements[elemId]; 
    } 
    $scope.showElem = function (elemId) { 
     $scope.hiddenElements[elemId] = true; 
    } 
}); 

Fiddle