Question

我正在尝试使用ng-show隐藏和显示标签。我写了以下代码

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

和控制器的代码是函数（$ scope，ngDialog，$ routeParams，$ window，$ location）{

                $scope.aircraftlist = [];

                $scope.hidetabs=false;



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

问题是即使我将hidetabs的值设置为true class是ng-hide。如果在div中输入ng-show =＆＃34; hidetabs＆＃34;它根本不起作用。

Answer 1

在引号内使用ng-show变量，也不需要插值

else

Answer 2

从{{}}删除hidetabs。

使用ng-show=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

当ng-show的值为true时，元素也不可见

2 个答案: