ng-if= "hideDiv" ，其中 hideDiv = false 不隐藏 div

Question

我必须在单击时隐藏一个div。

<div ng-if="hideDiv">
<div>text text text text</div>
<a ng-click="hideMe(false)">Click Me To Hide</a>
</div>

控制器

this.hideMe = function(action){
$scope.hideDiv = action;
}

测试结果为

console.log($scope.hideDiv) // Is false
{{hideDiv}}  <!--Is false-->

但是仍然ng if不隐藏div？

Answer 1

请测试下面的代码段。我很确定你的问题是由于一些angularJS配置失败

(function(){
angular.module("app", []).controller("testController", function($scope)
{
$scope.showDiv = true;
$scope.hideMe = function(IsVisible)
{
$scope.showDiv = IsVisible;
}
});
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="testController">
<div ng-if="showDiv">
<a ng-click="hideMe(false)">Click Me To Hide</a>
</div>
</div>