gpt4 book ai didi

javascript - AngularJS:通过评估它们的属性值来显示/隐藏多个 div

转载 作者:行者123 更新时间:2023-11-28 06:53:01 24 4
gpt4 key购买 nike

我在一个循环中有许多 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;
};
}]);

fiddle

关于javascript - AngularJS:通过评估它们的属性值来显示/隐藏多个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33672892/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com