為什么ng-show不起作用？

Question

HTML

<div  class="col-sm-1">
    <a class="a" ng-click="aa()">
       <span name="yesLink"></span>
    </a>            
</div>                                                  
<div  class="col-sm-1">
   <a class="a" ng-click="bb()">        
     <span  name="NoLink"></span>           
   </a>
</div>
<div id="nnn" class="col-sm-7" align="left" >
    <p ng-show="yes"> Text for yes</P>
    <p ng-show="no"> Text for no</P>
</div>

JS

yesLink.onclick()=function() 
{
      scope.yes=true;
}

noLink.onclick()=function() 
{
      scope.no=true;
}

我已經使用了上面的代碼，我想根據點擊顯示消息，但是不起作用。 此代碼有什么問題？ 如果單擊yesLink，則應該出現“是的文本”，如果單擊NoLink，則應該出現“否的文本”。

Answer 1

我認為，無需添加onclick方法。 只是這樣做

<div  class="col-sm-1">
<a class="a" ng-click="yes=true">
   <span name="yesLink"></span>
</a>            
</div>                                                  
<div  class="col-sm-1">
   <a class="a" ng-click="yes=false;">        
      <span  name="NoLink"></span>           
    </a>
</div>
<div id="nnn" class="col-sm-7" align="left" >
    <p ng-show="yes"> Text for yes</P>
    <p ng-hide="yes"> Text for no</P>
</div>

Answer 2

我看到上面的代碼中使用了Angular，因此HTML部分將是

您的控制器部分應類似於

將bb（）和aa（）視為點擊函數

$scope.bb = function(){
 $scope.yes = true;
}

$scope.aa = function(){
 $scope.no = true;
}

Answer 3

您要檢查的值是一個布爾值，但是您要分配給該變量的值是一個字符串。 您有兩個選擇>

選項1：告訴ng-hide / show值尋找字符串值ng-show =“ yes ==='true'”。

選項2：在您的函數中，將字符串替換為布爾值，scope.yes = true和NOT scope.yes =“ true”

Answer 4

無需jquery，可以使用ng-click ，ng-click觸發控件中的功能

<div  class="col-sm-1">
    <a class="a" ng-click="aa()">
       <span name="yesLink"></span>
    </a>            
</div>                                                  
<div  class="col-sm-1">
   <a class="a" ng-click="bb()">        
     <span  name="NoLink"></span>           
   </a>
</div>
<div id="nnn" class="col-sm-7" align="left" >
    <p ng-show="yes"> Text for yes</P>
    <p ng-show="no"> Text for no</P>
</div>

JS

scope.aa() = function(){
   scope.yes = true;
}

scope.bb() = function(){
   scope.no = true;
}