Question

我点击隐藏按钮时试图隐藏div。但是如果点击“显示”按钮，我就无法显示div。我只能在一个操作中执行一个操作时间。

如果我设置＆＃34; $ scope.showDiv = false;＆＃34;默认情况下，即使使用以下代码，我也无法显示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

正如人们在致电

后在评论中提到的那样

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

页面可能会重新加载并从

开始编码

$scope.showDiv = false;

再次调用

。因此，当showDiv变量始终为false时，您处于循环中。

您可能想要更改的内容是如果>开头

中的语句

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

如何使用angularjs显示/隐藏div

1 个答案: