ng-show点击AngularJS

Question

当用户点击图标时，我无法让ng-show正常工作。 行为应如下所示：父div加载并显示一些内容。 当用户单击播放图标时，div的内容将被隐藏。 但是，现在它似乎没有起作用。 见下面的代码：

<div class="col-sm-10 col-md-8 center-block" ng-show="showMe = true">

        <div class="play">
            <span class="icon_play" ng-click="showMe=false"></span>
        </div>

</div>

Answer 1

此语法不正确：

ng-show="showMe = true"

评估时，它会为字段'showMe'指定true。

你应该改为：

ng-show="showMe"

这不会解决您的问题，因为字段'showMe'未初始化为true。

所以你可以颠倒你的逻辑：

<div class="col-sm-10 col-md-8 center-block" ng-show="!dontShowMe">

    <div class="play">
        <span class="icon_play" ng-click="dontShowMe=true"></span>
    </div>

</div>

或者在控制器代码中初始化showMe。

Answer 2

我想你想要这个：

<div class="col-sm-10 col-md-8 center-block" ng-show="showMe" ng-init="showMe = true">

Answer 3

您将showMe设置为true，而不是检查它是否设置为true 。

<div class="col-sm-10 col-md-8 center-block" ng-show="showMe">

        <div class="play">
            <span class="icon_play" ng-click="showMe=false"></span>
        </div>

</div>

Answer 4

你想要一个ng-show的表达式，而不是一个赋值。 请参阅此处的文档： https ： //docs.angularjs.org/api/ng/directive/ngShow

你想要这样的东西：

<div class="col-sm-10 col-md-8 center-block" ng-show="showMe">

        <div class="play">
            <span class="icon_play" ng-click="showMe=false"></span>
        </div>

</div>

http://jsfiddle.net/thomporter/tcVhN/