2016-07-18 13 views
1

私は2ページあり、ページ2では動的にタブが作成されています。 1ページ目にはボタンがあり、そのボタンをクリックするとフォームが開き、詳細を入力してこの情報を表示するタブを選択します(通常は2ページのタブを選択します)。ページの特定のタブに別のページからリダイレクト

ページ1の[送信]ボタンをクリックすると、2ページに移動できますが、タブレベルに移動することもできます。要するに、私はページ2(これまでに選択したタブ)にナビゲートする必要があります。角度のあるJSでこれを行う方法。

naviagatingの場合はwindow.location("/page2)"を使用しています。

私のコードは、作業スニペットの部分を大幅に理解されるであろう

<div ng-repeat="t in tdata" class="time-tab-adspace " ng-class="{'tab-align-center':tdata.length==2}"> <a class="nav-people-tab text-hover" data-toggle="tab" ng-class="{'nav-people-tab-hover in': 'ticket'+seltab=='ticket'+t.code}" ng-click="selecttab(t)" data-target="#ticket{{$index}}">{{t.name}} </a>
</div>

あります。

ありがとうございます

+0

でそれを行うために必要がある場合はwindow.localStorageを使用することができますng-storage

を参照してくださいあなたがPHPを使用していますフィドル/コード –

+0

を提供してください? –

+0

いいえ私は角度jsとjavascriptを使用しています – user1851003

答えて

0

選択したタブをクエリ文字列パラメータとして設定する方法があります。

window.location("/page2?tab=2)" 

とクエリ文字列tab値のコントローラのチェック中に、対応するタブをアクティブにします。だから、ナビゲーションのために持っています。

+0

私のページへのURLは/ page2のみです。変更しないでください。私はタブに移動するだけです。それはそれです – user1851003

+0

これはURLを変更しません。追加パラメータを渡しています。/page2?tab = 2はpage2にのみ移動します。試してみることはできますか? –

+0

どの角度ルータを使用していますか? –

1

どのタブをアクティブにする必要があるかをページに伝えます。これは、urlに検索パラメータを追加したくない場合は、$ localStorage経由で行うことができます。 PAGE2を呼び出して、あなたの関数で

:あなたのPAGE2で今

$localStorage.nextTab = 2; 

、あなたは、このタブの番号にアクセスして、起動時にタブを設定することができます。

$scope.setTab($localStorage.nextTab); 

あなたはプレーンなJS

+0

私は私の選択したタブの値を得て、私はその情報をその選択されたタブに正しく掲示しています。ページ2のページの読み込み中にそのタブに移動していないという問題だけです。いずれにしても助けてください。私は必要な値を取得するためにローカルストレージも使用しています。問題をリダイレクトするだけです。わかりやすいコードを入力してください。私は角を新しくしました – user1851003

+0

window.location.something( "param1"、 "param2")のような関数はありますか?私はそれらを直接送るのですか? – user1851003

+0

コードを表示しない限り誰もあなたをさらに助けることはできないと思います。 –

関連する問題