在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

我想你想要這樣的：

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

Answer 2

你設置showMe爲真，而不是如果它被設置爲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 3

此語法不正確：

ng-show="showMe = true" 

評估後，其分配真正到了現場 'SHOWME'。

你應該把改爲：由於現場「SHOWME」未初始化爲true

ng-show="showMe" 

這不會解決你的問題。

所以，你可以翻轉你的邏輯：

<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 4

你想爲你的NG-節目，不是賦值表達式。在這裏看到的文檔： 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/