2016-04-06 17 views
0

ng-showを使用してタブを非表示にして表示しようとしています。私は、次のコードng-showの値がtrueの場合、要素も表示されません。

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

及びコントローラ用のコードを書かれている は 関数($の範囲、ngDialog、$ routeParams、$窓、$位置){

   $scope.aircraftlist = []; 

       $scope.hidetabs=false; 



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

という問題があってもです私は真のクラスにhidetabsの値を設定していますng-hideです。 divにng-show = "hidetabs"を置くと、全く動作しません。引用符の内側

+1

あなたは、中括弧を必要としない '{{}}' 'ちょうどNG-ショー= "hidetabsを"'行います。これは、中括弧が必要なときに[説明](http://jaketrent.com/post/when-to-use-curlies-in-angular-directives/)を助けるかもしれません。 – ste2425

答えて

1

使用NG-ショーの変数、また補間は

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

hidetabsから{{}}を取り外し不要です。

の代わりに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デモ:http://plnkr.co/edit/q4eoglQUcxwNKvbjgQOF?p=preview

関連する問題