如何使用 angularjs 显示/隐藏 div

Question

当我单击隐藏按钮时，我试图隐藏一个 div。但是，如果我单击显示按钮，我无法显示一个 div。我一次只能执行一个操作。

如果我设置“$scope.showDiv = false;”默认情况下，即使使用以下代码，我也无法显示 div：

 $scope.getShow = function() {
            $scope.showDiv = true;
            window.location = "./sample.html";
        }

谁能帮我解决这个问题...

我的html代码：

<div ng-if="showDiv">Hello</div>
<button style="margin-left: 22px; margin-top: 16px; background-color: #73AD21"
ng-click="getShow()">Show</button>
<button style="margin-left: 22px; margin-top: 16px; background-color: #73AD21"
ng-click="getHide()">Hide</button>

我的js代码：

$scope.showDiv = false;
$scope.getShow = function() {
        $scope.showDiv = true;
        window.location = "./sample.html";
    }
$scope.getHide = function() {
        $scope.showDiv = false;
        window.location = "./sample.html";
    }

我正在尝试从主页访问主页。当我单击主页中的显示按钮时，它应该重定向到主页并显示 div。当我单击主页中的隐藏按钮时，它应该重定向到主页并隐藏 div。这是我目前无法执行的操作。

Answer 1

正如人们在你打电话后在 cmets 中提到的那样

window.location = "./sample.html";

页面可能会重新加载，代码从

开始

$scope.showDiv = false;

再次调用。因此，当 showDiv 变量始终为 false 时，您处于循环状态。

您可能想要更改的是在开头设置 if 语句

if(window.location == "./home")
    $scope.showDiv = true;
if(window.location == "./main")
    $scope.showDiv = false;