0

ページの 1 つにタブがあります。私たちがやろうとしているのは、ページが最初に読み込まれるときにタブを無効にし、ボタンをクリックして有効にすることです。ビューでタブを定義するときに「無効」クラスを追加しようとしました: 

  <ul class="nav nav-tabs">
                                <li id="tbReady" role="presentation" class="disabled"><a data-toggle="tab" href="#ready" ng-click="tabClick('tbReady')">Ready to Submit</a></li>
                                <li id="tbAction" role="presentation" class="disabled"><a data-toggle="tab" href="#action" ng-click="tabClick('tbAction')">Action Required</a></li>
                            </ul>

ページが読み込まれると無効に見えますが、タブをクリックすると再び有効になります。また、定義から data-toggle を削除しようとした後、tabClick 関数で false を返そうとしましたが、まだ機能していません

   $scope.tabClick = function (selTabName) {

            if ($('#'+selTabName).hasClass('disabled')) {
                    return false;
                }


            if (selTabName == 'tbReady') {
                listReadyRows($rootScope.caseFileId);
            } else {
                listActionRows($rootScope.caseFileId);
            }
          }

誰かが私が間違っていることを見て、正しい方向に向けてください!

4

2 に答える 2

0

angularjsにtwitterブートストラップを使用しているのはなぜですか? https://angular-ui.github.io/bootstrap/は、angularjs で (タブなどの) ブートストラップを作成するために使用されるモジュールです。

これを提案している理由は、常に機能しない angularjs で Twitter ブートストラップを使用する場合です。

angular ブートストラップ Angular-ui-bootstrap を使用する場合-- ng-repeat 内でタブを無効にできないと、タブを無効にするのに役立ちます。

于 2016-05-20T17:29:54.383 に答える