teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

誤字修正

2019/03/20 08:24

投稿

marion
marion

スコア18

title CHANGED
@@ -1,1 +1,1 @@
1
- おじons-nabigator内ons-tabbarの指定のタブを開いた状態にpushPageしたい
1
+ ons-nabigator内ons-tabbarの指定のタブを開いた状態にpushPageしたい
body CHANGED
File without changes

2

誤字の訂正

2019/03/20 08:24

投稿

marion
marion

スコア18

title CHANGED
@@ -1,1 +1,1 @@
1
- ons-nabigator内ons-tabbarの指定のタブを開いた状態にpushPageしたい
1
+ おじons-nabigator内ons-tabbarの指定のタブを開いた状態にpushPageしたい
body CHANGED
@@ -4,7 +4,7 @@
4
4
  tabbarのない画面から
5
5
  ons-tabbarのactiveでないtabをactiveにした状態の画面に遷移させる方法が分からず詰まっております。
6
6
 
7
- 以下slimで状況記載します。
7
+ 以下で状況記載します。
8
8
 
9
9
 
10
10
  - **index**

1

resetToPageをpushPageに変更

2019/03/20 08:21

投稿

marion
marion

スコア18

title CHANGED
@@ -1,1 +1,1 @@
1
- ons-nabigator内ons-tabbarの指定のタブを開いた状態にpushPage(resetToPage)したい
1
+ ons-nabigator内ons-tabbarの指定のタブを開いた状態にpushPageしたい
body CHANGED
@@ -9,33 +9,32 @@
9
9
 
10
10
  - **index**
11
11
  ```ここに言語を入力
12
- ons-splitter
13
- ons-splitter-content
14
- ons-navigator id="navigator" page="tabbar"
12
+ <ons-navigator id="navigator" page="tabbar"></ons-navigator>
15
13
  ```
16
14
  - **tabbar**
17
15
  ```ここに言語を入力
18
- ons-page id="tabbar"
16
+ <ons-page id="tabbar">
19
- ons-tabbar
17
+ <ons-tabbar>
20
- ons-tab [page="page1" active]
18
+ <ons-tab [page="page1" active]></ons-tab>
21
- ons-tab page="page2" // tabのある+activeの状態のpage2に遷移させたいのですが
19
+ <ons-tab page="page2"></ons-tab> // tabのある+activeの状態のpage2に遷移させたいのですが
22
20
  ```
23
21
  - **飛びたい元ページ**
24
22
  ```ここに言語を入力
25
- ons-page id="wantToPushPage"
23
+ <ons-page id="wantToPushPage">
26
- a onclick="document.querySelector('#navigator').resetToPage('page2')"
24
+ <a onclick="document.querySelector('#navigator').pushPage('page2')">toPAGE2</a>
27
25
  〜〜〜
28
26
  // これだとpage2だけでtabbarが表示されないので困ってます
29
27
  ```
30
28
  - **page1&2**
31
29
  ```ここに言語を入力
32
- ons-page id="page1または2"
30
+ <ons-page id="page1または2">
33
31
  〜〜〜内容〜〜〜
32
+ </ons-page>
34
33
  ```
35
34
  ---
36
35
  onclickの中身を
37
36
  ```ここに言語を入力
38
- a onclick="document.querySelector('#navigator').resetToPage('tabbar')"
37
+ <a onclick="document.querySelector('#navigator').pushPage('tabbar')">
39
38
  ```
40
39
  にして、page2をactiveにする指定を入れてあげればいけるか?
41
40
  と思ったのですが、その書き方もよく分からず。。