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/