teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問【Rails】ナビゲーションにて動的に.activeをlink_toに付与したい

編集履歴

質問編集履歴

6

訂正

2017/09/19 07:51

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -31,6 +31,9 @@
31
31
 
32
32
  #追伸3
33
33
 
34
+
35
+ > 現状、正常に動く
36
+
34
37
  ```
35
38
 
36
39
  - if controller.action_name == "show"
@@ -51,9 +54,8 @@
51
54
 
52
55
  ```
53
56
 
54
- これだと動きました。slimでクラスを動的に動かすことはできるでしょうか。
57
+ > 現状、正常に動かない
55
58
 
56
-
57
59
  ```
58
60
 
59
61
  li.nav-item = link_to "トップ" ,[:user,:mypage] ,class:"nav-link #{ active if controller.action_name == 'show'}"

5

訂正

2017/09/19 07:51

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -26,4 +26,42 @@
26
26
 
27
27
 
28
28
  #追伸2 サイドバーのコードはパーシャルです。
29
- これを前提にお願いします。
29
+ これを前提にお願いします。
30
+
31
+
32
+ #追伸3
33
+
34
+ ```
35
+
36
+ - if controller.action_name == "show"
37
+ li.nav-item = link_to "トップ" ,[:user,:mypage] ,class:'nav-link active'
38
+ - else
39
+ li.nav-item = link_to "トップ" ,[:user,:mypage] ,class:'nav-link'
40
+
41
+
42
+ - if controller.action_name == "following"
43
+ li.nav-item = link_to "フォロー" ,[:following,:user,:mypage] ,class:'nav-link active'
44
+ - else
45
+ li.nav-item = link_to "フォロー" ,[:following,:user,:mypage] ,class:'nav-link'
46
+
47
+ - if controller.action_name == "clipping"
48
+ li.nav-item = link_to "クリップ" ,[:clipping,:user,:mypage] ,class:'nav-link active'
49
+ - else
50
+ li.nav-item = link_to "クリップ" ,[:clipping,:user,:mypage] ,class:'nav-link'
51
+
52
+ ```
53
+
54
+ これだと動きました。slimでクラスを動的に動かすことはできるでしょうか。
55
+
56
+
57
+ ```
58
+
59
+ li.nav-item = link_to "トップ" ,[:user,:mypage] ,class:"nav-link #{ active if controller.action_name == 'show'}"
60
+
61
+ や
62
+
63
+ li.nav-item = link_to "トップ" ,[:user,:mypage] ,class:"nav-link #{ active if params[:action: == 'show'}"
64
+
65
+ ```
66
+
67
+ どうもこれだと動きません...。

4

編集

2017/09/19 07:50

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -19,7 +19,7 @@
19
19
 
20
20
  ご教授いただける方、宜しくお願いします。
21
21
 
22
- #追伸
22
+ #追伸1
23
23
 
24
24
  `params[:action]`は使えませんか。
25
25
  `view`で`コントローラの各アクション`を区別することはできませんか。

3

編集

2017/09/19 07:23

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,4 @@
1
- # 動的にactiveクラスをlink_toに付与したい
1
+ #動的にactiveクラスをlink_toに付与したい
2
2
 
3
3
  [BootstrapのDashboardサイドバー](https://v4-alpha.getbootstrap.com/examples/dashboard/)みたく`.activeクラス`を`Rails`で動的に`link_to`に付与したい。
4
4
  ![イメージ説明](89233d4194279053eea207ac601c9196.png)
@@ -19,7 +19,11 @@
19
19
 
20
20
  ご教授いただける方、宜しくお願いします。
21
21
 
22
- # 追伸
22
+ #追伸
23
23
 
24
24
  `params[:action]`は使えませんか。
25
- `view`で`コントローラの各アクション`を区別することはできませんか。
25
+ `view`で`コントローラの各アクション`を区別することはできませんか。
26
+
27
+
28
+ #追伸2 サイドバーのコードはパーシャルです。
29
+ これを前提にお願いします。

2

編集

2017/09/19 07:20

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -21,5 +21,5 @@
21
21
 
22
22
  # 追伸
23
23
 
24
- `params[:action]'っていうのは使えないですかね。
24
+ `params[:action]`は使えませんか。
25
25
  `view`で`コントローラの各アクション`を区別することはできませんか。

1

追伸

2017/09/19 07:17

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -17,4 +17,9 @@
17
17
  `controller`を編集する必要があるのか、`view`だけの編集で済むのか、
18
18
  いまいちイメージができません。
19
19
 
20
- ご教授いただける方、宜しくお願いします。
20
+ ご教授いただける方、宜しくお願いします。
21
+
22
+ # 追伸
23
+
24
+ `params[:action]'っていうのは使えないですかね。
25
+ `view`で`コントローラの各アクション`を区別することはできませんか。