2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Rails】Slimでのifを利用する方法

Posted at

初めに

Rails でポートフォリオを作成中に、条件によってクラスをつける方法を忘れてしまっていたので忘備録として残しておきます。

環境

Rails 7.0.2
Ruby 3.1.1
Slim 4.1.0

本文

erb での後置 if の書き方は多くありましたが slim でのやり方が少なかったので記事にしておきます。

こちらは erb での書き方です。

if.html.erb
<div class='btn-list'>
  <% if @result == true %>
    <%= link_to "Topへ", words_path,{class:'btn-bule'} %>
  <% end %>
  <div class= "btn <%= 'btn-red' if @result == false>"></div>
</div>

こちらは slim での書き方です。

if.html.slim
.btn-list
  - if @result == true_
    = link_to "Topへ", words_path,class: 'btn-bule'
  div.btn class="btn" = if @result == false

slim では class が記述が簡単になっていますが、if を利用するときは記述しないとエラーができます。

参考

公式

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?