javascript - 在 AngularJS 中点击 ng-show

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"

评估时，它会将 true 分配给字段“showMe”。

你应该改为:

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>

或在您的 Controller 代码中初始化 showMe。