如何使用link_to helper(ruby on rails)将glyphicon添加到下拉菜单链接

时间:2016-05-05 00:49:44

标签: css ruby-on-rails ruby twitter-bootstrap

新手问题在这里...... 我想使用link_to帮助程序(rails on rails app上的ruby)在下拉菜单的链接上添加glyphicons

我得到的代码是:

export class AppComponent {
  constructor(_route:RouteRegistry) {
    setTimeout(() => { 
      // it will print default route's name
      console.log(this._capitalize(_route._rules.values().next().value.defaultRule.hash))}, 
    500);
  }

  private _capitalize(str:string){
    if (!str) return "";
    return str[0].toUpperCase() + str.slice(1, str.length);
  }
}

显然<ul class="nav_item pull-right"> <li class="dropdown"> <%= link_to '#', class: "btn btn-default btn-danger dropdown-toggle", "data-toggle" => "dropdown" do %> <%= current_user.ownername %> <b class="caret"></b> <% end %> <ul class="dropdown-menu"> <li><%= link_to "View Profile", owner_path(current_user), class: "glyphicon glyphicon-user" %></li> <li><%= link_to "Edit Profile", edit_owner_path(current_user) %></li> <li class="divider"></li> <li><%= link_to "Log Out", logout_path %></li> </ul> </li> 是我失败的尝试,因为它会影响链接本身的外观......有什么建议吗?

干杯,

3 个答案:

答案 0 :(得分:1)

你可以使用一个块。像这样:

<%= link_to owner_path(current_user) do %>
    <i class="glyphicon glyphicon-user"></i>
    View Profile
<% end %>

答案 1 :(得分:0)

尝试将其编写为以下代码块:

 <%= link_to owner_path(current_user) do %>
 View Profile <span class="glyphicon glyphicon-user"></span> 
 <% end %>

答案 2 :(得分:0)

您还可以使用html_safe方法将第一个参数的html代码编写为字符串。

<%= link_to 'View Profile <i class="glyphicon glyphicon-user"></i>'.html_safe, owner_path(current_user) %>