使用ng-hide根据值隐藏div。

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-隐藏更改为

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

这应该能解决问题。同时，在你的按钮和你的div上放置一些文本来隐藏，这样你就可以看到它的工作原理。

工作示例：http://plnkr.co/edit/X8vkI36evUmA5ymlBy3a

Answer 2

尝尝这个

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

http://jsfiddle.net/kapilgopinath/4gVFL/