我在一个循环中有许多 div:
<div ng-controller='PhotoController'>
<div ng-repeat="photo in photos" ng-show='isShowImage'>
<img ng-src ='{{photo.src}}' data-show='yes'>
<br/>
</div>
</div>
行<img ng-src ='{{photo.src}}' data-show='yes'>可以有data-show值为是或否。
我的 Controller 是这样的:
app.controller("PhotoController",function($scope)
{
$scope.isShowImage = true; //
});
默认显示所有照片。单击按钮时，我想评估 data-show每个图像的属性，如果属性显示 no 则将其隐藏
data-show 属性是一个来自数据库的值。对于图像，它总是要么是要么不是。我将有一个名为“显示全部”的按钮和另一个名为“显示已过滤”的按钮。 “显示过滤”点击应该隐藏没有数据显示的照片
我不知道该怎么做...非常感谢任何帮助
最佳答案
我认为您正在搜索这样的内容:
<body ng-app="ngToggle">
<div ng-controller="AppCtrl">
<button ng-click="toggleCustom()">Custom</button>
<span ng-hide="custom">From:
<input type="text" id="from" />
</span>
<span ng-hide="custom">To:
<input type="text" id="to" />
</span>
<span ng-show="custom"></span>
</div>
</body>
angular.module('ngToggle', [])
.controller('AppCtrl',['$scope', function($scope){
$scope.custom = true;
$scope.toggleCustom = function() {
$scope.custom = $scope.custom === false ? true: false;
};
}]);
关于javascript - AngularJS:通过评估它们的属性值来显示/隐藏多个 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33672892/