Wenn der Wert von ng-show wahr ist, dann ist auch das Element nicht sichtbar

Question

Ich versuche Tabs mit ng-show zu verstecken und anzuzeigen. Ich habe den folgenden Code

geschrieben

<li ng-show={{hidetabs}} > <a data-toggle="tab" id="second_tab" href="#menu1">Customer Contacts</a></li> 
      <li ng-show={{hidetabs}}> <a data-toggle="tab" id="third_tab" href="#menu2">CWC User Access</a></li> 
     </ul> 

und den Code für die Steuerung ist Funktion ($ Umfang, ngDialog, $ routeParams, $ Fenster $ location) {

   $scope.aircraftlist = []; 

       $scope.hidetabs=false; 



       $scope.aircraft = {}; 
       $scope.nextfirsttab = function() { 
        $scope.hidetabs=true; 
        $("#second_tab").click(); 
       } 

Das Problem selbst ist, wenn Ich setze den Wert von hidetabs auf wahre Klasse ist ng-hide. und wenn in der div put ng-show = "hidetabs" funktioniert es überhaupt nicht.

Answer 1

Verwendung ng-show Variable in Anführungszeichen, auch die Interpolation ist nicht erforderlich

<li ng-show="hidetabs" > <a data-toggle="tab" id="second_tab" href="#menu1">Customer Contacts</a></li> 
     <li ng-show="hidetabs"> <a data-toggle="tab" id="third_tab" href="#menu2">CWC User Access</a></li> 
    </ul> 

Answer 2

{{}} von hidetabs entfernen.

Verwenden Sie ng-show=hidetabs statt ng-show={{hidetabs}}.

<ul> 
<li ng-show="hidetabs"> 
<a data-toggle="tab" id="second_tab" href="#menu1">Customer Contacts</a></li> 
<li ng-show="hidetabs"> 
<a data-toggle="tab" id="third_tab" href="#menu2">CWC User Access</a> 
</li> 
</ul> 

Plnkr Demo:http://plnkr.co/edit/q4eoglQUcxwNKvbjgQOF?p=preview