6

Viget Labs 发布了一篇文章要点,详细介绍了一个 rails 辅助方法,如果它的 url 与当前路径匹配,则该方法用于将特定类(如.selected或)添加到导航链接。.active

您可以像这样在布局中使用它:

= nav_link "News", articles_path, {class: "btn btn-small"}

<!-- which creates the following html -->

<a href="/articles" class="btn btn-small selected">News</a>

好的。我正在使用引导程序,并且希望在我的按钮中有一个图标,所以我需要生成以下 html:

<a href="/articles" class="btn btn-small selected"><i class="icon-home"> </i> News</a>

分叉了要点并想出了一个简单的方法。我的 fork 让开发人员将:inner_html:inner_class传递给助手,如下所示:

= nav_link "News", articles_path, {class: "btn btn-small"}, {inner_html: 'i', inner_class: 'icon-home'}

它工作正常,但我不喜欢我的底层实现:

def link
  if @options[:inner_html]
    link_to(@path, html_options) do
      content_tag(@options[:inner_html], '', :class => @options[:inner_class]) + " #{@title}"
    end
  else
    link_to(@title, @path, html_options)
  end
end

如您所见,我将新选项传递到content_taglink_to 方法的块内。我希望我能够以几种方式重构它。

首先,在我看来,我希望能够做到这一点:

= nav_link "News", articles_path, {class: "btn btn-small"} do
  %i.icon-home

我想将内部 html 作为一个块,而不是作为选项哈希的属性。谁能给我任何关于如何实现这一目标的指示?

我认为这是告诉 nav_link 方法接受一个块的简单案例:

def nav_link(title, path, html_options = {}, options = {}, &block)
  LinkGenerator.new(request, title, path, html_options, options, &block).to_html
end

class LinkGenerator
  include ActionView::Helpers::UrlHelper
  include ActionView::Context

  def initialize(request, title, path, html_options = {}, options = {}, &block)
    @request      = request
    @title        = title
    @path         = path
    @html_options = html_options
    @options      = options
    @block        = block
  end

  def link
    if @block.present?
      link_to @path, html_options do
        @block.call
        @title
      end
    end
  end

但这无法输出图标,而是插入了一个数字 (4)。我不太清楚。任何人都得到任何建议。我可以去哪里阅读更多关于这类事情的信息,因为我真的希望能够弄清楚这样的事情,而不必在 stackoverflow 上询问。

4

2 回答 2

4

我尝试了您的问题,并且在助手中以下内容对我非常有用:

  def my_link(title, path, &block)
    if block_given?
      link_to path do
        block.call
        concat(title)
      end
    else
      link_to title, path
    end
  end

用法:

my_link "No title", User.first do
  %i.icon-home 
于 2012-08-10T14:09:24.523 回答
2

最终的解决方案如下:

# capture the output of the block, early on if block_given?
def nav_link(title, path, html_options = {}, options = {}, &block)
  LinkGenerator.new(request, title, path, html_options, options, (capture(&block) if block_given?)).to_html
end

我还必须修改我的链接方法:

def link
  if @block.present?
    link_to(@path, html_options) do
      @block.concat(@title)
    end
  else
    link_to(@title, @path, html_options)
  end
end

我已经更新了我的要点。您可能会破解它以接受更复杂的块。

于 2012-08-11T05:24:59.807 回答