【Rails】link_to에 Fontawesome을 적용하는 방법
4178 단어 루비RailsFontAwesome
개요
link_to 를 사용할 때 Fontawesome을 적용하는 방법을 설명합니다.
개발 환경
· 데이터베이스: PostgreSQL
· rails 버전 : 6.1.3.2
· Bootstrap: 4.5.1
・PC:macbook pro
목표
아래 이미지와 같이 편집 및 삭제에 Fontawesome을 적용합니다.
변경 전
변경 후
포인트
<% link_to 〜 %> 의 말미에 do 를 넣어 ブロック化 하는 것이 포인트입니다.
코드
변경 전<% @memos.each do |memo| %>
<p>
<%= memo.title %>
<%= memo.body %>
<%= link_to "削除",memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} %>
<%= link_to "編集",edit_memo_path(memo) %>
</p>
<% end %>
변경 후<% @memos.each do |memo| %>
<p>
<%= memo.title %>
<%= memo.body %>
<%= link_to memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} do %>
<span class="far fa-trash-alt"></span>
<% end %>
<%= link_to edit_memo_path(memo) do%>
<span class="far fa-edit"></span>
<% end %>
</p>
<% end %>
Reference
이 문제에 관하여(【Rails】link_to에 Fontawesome을 적용하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mtn_kt/items/c866d1aed39a15879531
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
· 데이터베이스: PostgreSQL
· rails 버전 : 6.1.3.2
· Bootstrap: 4.5.1
・PC:macbook pro
목표
아래 이미지와 같이 편집 및 삭제에 Fontawesome을 적용합니다.
변경 전
변경 후
포인트
<% link_to 〜 %> 의 말미에 do 를 넣어 ブロック化 하는 것이 포인트입니다.
코드
변경 전<% @memos.each do |memo| %>
<p>
<%= memo.title %>
<%= memo.body %>
<%= link_to "削除",memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} %>
<%= link_to "編集",edit_memo_path(memo) %>
</p>
<% end %>
변경 후<% @memos.each do |memo| %>
<p>
<%= memo.title %>
<%= memo.body %>
<%= link_to memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} do %>
<span class="far fa-trash-alt"></span>
<% end %>
<%= link_to edit_memo_path(memo) do%>
<span class="far fa-edit"></span>
<% end %>
</p>
<% end %>
Reference
이 문제에 관하여(【Rails】link_to에 Fontawesome을 적용하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/mtn_kt/items/c866d1aed39a15879531
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
변경 전
<% @memos.each do |memo| %>
<p>
<%= memo.title %>
<%= memo.body %>
<%= link_to "削除",memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} %>
<%= link_to "編集",edit_memo_path(memo) %>
</p>
<% end %>
변경 후
<% @memos.each do |memo| %>
<p>
<%= memo.title %>
<%= memo.body %>
<%= link_to memo_path(memo), method: :delete, data: {confirm: "削除しますか?"} do %>
<span class="far fa-trash-alt"></span>
<% end %>
<%= link_to edit_memo_path(memo) do%>
<span class="far fa-edit"></span>
<% end %>
</p>
<% end %>
Reference
이 문제에 관하여(【Rails】link_to에 Fontawesome을 적용하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mtn_kt/items/c866d1aed39a15879531텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
