Question

我有一个div，我使用ng-init来初始化变量：

<div class="block logo-container" ng-init="hideit=false">
</div>

然后我想根据该变量隐藏或显示另一个div：

<div class="results-controllers"  ng-hide="hideit === true">
</div>

我想按一个按钮时变量的值改变并隐藏div，所以我写道：

<button class="details-button-container" ng-click="hideit=true">
 </button>

但它不起作用，我不确定这是否是正确的方法，是不是这样做？我应该用别的吗？

Answer 1

您的逻辑很好，您无需在控制器中设置任何内容。您在标记中执行的所有操作都将在hideit范围变量上进行读写。

将你的ng-hide改为

ng-hide="hideit==true" or ng-hide="hideit"

那应该解决它。还在你的按钮和你的div上加上一些文字以便隐藏，这样你就可以看到它的工作原理。

Answer 2

试试这个

function Ctrl($scope) {
    $scope.toggleDiv = function(){
        $scope.hideit =  $scope.hideit ? false : true;
    }
}