đường ray 3 link_to với lồng nhau content_tag để tạo <a href với khoảng lồng nhau - làm cách nào?

Question

Hi Tôi có một câu hỏi noob, tôi muốn tạo ra kết quả HTML sau:

<a href="/controller/action" class="button-big layer">TEXT<span class="arrow-big"></span></a> 

Trong HTML trên, chúng tôi muốn có văn bản với một nhịp lớp phong cách trong một hình ảnh qua css.

Khi tôi cố gắng triển khai sau kết quả phản ánh chỉ là một phần của việc thực hiện cần thiết:

<%= link_to "TEXT", controller_path, :class => "button-big layer" %> 

kết quả trong:

<a href="/controller/action" class="button-big layer">TEXT</a> 

và

<%= link_to(content_tag(:span, "", :class => "arrow-big"), controller_path, :class => "button-big layer") %> 

kết quả trong:

<a href="/controller/action" class="button-big layer"><span class="arrow-big"></span></a> 

Có ai biết cách thực hiện không?

Answer 1

Đơn giản chỉ cần nối văn bản của bạn với 'tuổi':

<%= link_to(("TEXT" + content_tag(:span, "", :class => "arrow-big")).html_safe, 
      controller_path, 
      :class => "button-big layer") %> 

Bạn sẽ cần .html_safe quanh nối từ các nhà điều hành + khác sẽ thoát khỏi mã HTML của content_tag.

Answer 2

Bạn cũng có thể tag tổ bằng cách sử dụng cú pháp thay thế cho link_to helper

<%= link_to controller_path, :class=> "button-big layer" do %> 
    Text 
    <%= content_tag(:span, "", :class => "arrow_big" %> 
<% end %> 

Answer 3

Dưới đây là một cách khác để bạn có thể sử dụng mà không có sự content_tag. Không phải là sạch nhất nhưng nó hoạt động!

<%= link_to '<span class="arrow_big"></span>'.html_safe, controller_path, class: "button-big layer" %> 

Answer 4

Đọc câu hỏi của bạn Tôi đã giải quyết được vấn đề của mình. Tôi đề xuất một cách khác để trả lời câu hỏi của bạn.

Bạn có thể tạo phương thức trợ giúp để tạo loại liên kết mà bạn cần. Nó sẽ giống như thế này

def link_with_text_and_span(href, text, span_options= {}, link_options = {}) 
    span_tag = content_tag(:span, span_options[:content] || '', :class => span_options[:class] || '') 
    link_to(span_tag, href, :class => link_options[:class] || '') 
    end 

Điều tốt về quan điểm của bạn sẽ sạch hơn. Sau đó, bạn chỉ có thể gọi phương thức helper này theo quan điểm của bạn

<%= link_with_text_and_span("/controller/action", "TEXT", {class: 'arrow-big'}, class: button-big) %> 

PS: Mã này có thể được cải thiện chắc chắn, nếu người dùng khác muốn, xin vui lòng làm điều đó.