我有一个项目列表,点击它应该打开单个项目,但目前当试图打开单个项目时,它打开所有项目,然后在第二次点击关闭所有项目 – 有人可以建议我在下面我的代码出错了.谢谢.
HTML
<div data-ng-repeat="item in items" layout="column">
<div layout="row">
<md-button class="md-primary" ng-click="toggleFilter()">Item {{$index + 1}}</md-button>
</div>
<div ng-hide="toggle">
<!-- Content -->
</div>
</div>
JS
$scope.toggle = true;
$scope.toggleFilter = function() {
$scope.toggle = $scope.toggle === false ? true : false;
};
解决方法
编辑您的代码如下：
HTML
<div data-ng-repeat="item in items" layout="column">
<div layout="row">
<md-button class="md-primary" ng-click="toggleFilter(item)">Item {{$index + 1}}</md-button>
</div>
<div ng-hide="item.toggle">
<!-- Content -->
</div>
</div>
JS
$scope.toggleFilter = function(item) {
item.toggle = !item.toggle;
};
希望有效:)