如何使用haml和erb button_to辅助函数将img标记添加到按钮文本
Haml和ERB是两种常用的模板引擎，用于在Ruby on Rails框架中生成HTML代码。button_to是Rails提供的一个辅助函数，用于生成一个带有按钮样式的表单提交按钮。下面是如何使用Haml和ERB的button_to辅助函数将img标记添加到按钮文本的方法：
- 使用Haml模板引擎： 在Haml模板中，可以直接在button_to辅助函数中使用嵌套的img标记来添加图片到按钮文本。以下是示例代码：
- 使用Haml模板引擎： 在Haml模板中，可以直接在button_to辅助函数中使用嵌套的img标记来添加图片到按钮文本。以下是示例代码：
- 上述代码中，我们使用了button_to辅助函数来生成一个指向users_path的POST请求的按钮。在按钮文本中，我们使用了嵌套的img标记来添加图片。你可以将
image.png替换为你自己的图片路径，将按钮文本替换为你想要显示的文本。 - 使用ERB模板引擎： 在ERB模板中，可以使用Ruby代码来生成img标记，并将其与按钮文本拼接在一起。以下是示例代码：
- 使用ERB模板引擎： 在ERB模板中，可以使用Ruby代码来生成img标记，并将其与按钮文本拼接在一起。以下是示例代码：
- 上述代码中，我们使用了button_to辅助函数来生成一个指向users_path的POST请求的按钮。在按钮文本中，我们使用了image_tag方法来生成img标记，并将其与按钮文本拼接在一起。你可以将
image.png替换为你自己的图片路径，将按钮文本替换为你想要显示的文本。
这样，无论你选择使用Haml还是ERB模板引擎，都可以通过button_to辅助函数将img标记添加到按钮文本中。
相关·内容
2回答
我是Rails框架的新手，我的老板告诉我我需要用HAML而不是HTML语言编写代码，所以我陷入了如何将html.erb转换成HAML代码的困境。我的问题是我有下面的按钮代码：
<%= button_to 'Add to Cart', line_items_path(:product_id => product) %>
这个按钮可以将产品添加到行项目中，有没有人可以建议如何用HAML编写上述代码？
浏览 0提问于2011-03-19得票数 3
回答已采纳
我有这段代码(ruby haml)
= button_to tr('single_sign_on') , '/something/something0', method: :post, class: "btn-SSO"
现在我需要在按钮文本中插入2个图标。你知道怎么做吗。我对这个技术和代码库没有任何经验。这不需要使用button_to帮助器函数。可以只是简单的haml (我想我必须将其封装在一个表单中)。
浏览 7提问于2021-05-19得票数 0
回答已采纳
6回答
我正在尝试创建一个带有图像的按钮。所以基本上，我需要以下代码的button_to版本:|
<%= link_to image_tag(product.image_url, :class => "img"), line_items_path(:product_id => product) %>
浏览 0提问于2011-06-22得票数 3
我是ROR的新手，但我面临着这样的问题:在索引页面中，我有
<%= button_to 'Yes', { :action => 'vote', :id => poll.id, :user_answer => 'yes' }, :method => :post %>
当用户按下“是”按钮时，传递给控制器的url包含对用户显式的所有参数。
vote?id=1&user_answer=yes
在routes.rb中，我有：
match 'vote' => 'polls#vote
浏览 0提问于2012-08-21得票数 4
所以我的div erb标签给了我类似下面的东西，我想知道是否可以通过在选项散列中传递一些东西来向button_to添加id，而不是使用js或手动添加html：
<div>
<input id="button" type="submit" value="title">
<input name="auth_token">
</div>
我的按钮erb代码就是
<%= button_to title, {}, :id => "button"%>
浏览 3提问于2012-06-26得票数 5
回答已采纳
1回答
我有在Rails上工作的应用程序。我用的是“设计”和“无所不在”--vkontakte。我的应用程序可以用vk.com授权用户，但是在用户通过授权后，我的导航菜单就消失了。导航菜单代码在views/layouts/application.html.erb:中
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="authentication">
<% if
浏览 2提问于2015-09-23得票数 1
回答已采纳
1回答
我用引导程序设计了表格。
我喜欢将共享/_ like s.html.erb上的按钮组合在一起。
<div class="button-group btn-group-xs" role="group">
<%- if controller_name != 'sessions' %>
<%= button_to "Log in", new_session_path(resource_name), :class => 'btn btn-default', :ty
浏览 3提问于2015-07-15得票数 1
回答已采纳
在创建和编辑中使用相同的表单partial，在我的例子中是新建和预览。partial看起来有点像这样(我使用HAML)
=form_tag ({:action => params[:action]}, :multipart => true)
=text_field :newsletter, :title
=text_area :newsletter, :body
=file_field :newsletter,:attachment
-if params[:action] == "preview"
=button_to "sele
浏览 0提问于2009-09-19得票数 6
回答已采纳
我正在尝试使用Twitter Bootstrap将一些基本格式应用于Ruby on Rails应用程序。我想创建一个有三个按钮的按钮组，但我的haml文件有问题。
在浏览完所有的Twitter Bootstrap 之后，我认为问题在于bootstrap样式表期望将<button>元素(具有适当的类)放在按钮组中。
我目前在我的haml文件中使用button_to助手，它似乎没有生成<button>标签。但是，我在haml方面没有足够的经验来了解解决这个问题的方法。
有没有办法让button_to元素生成<button>标记，或者我应该用一种不同的方式来解决这
浏览 1提问于2013-08-08得票数 2
回答已采纳
我有一个button_to，它通过Ajax将一个对象(在本例中是图像)添加到购物车中，一旦添加，我想更改button_to，以便能够从购物车中删除该特定的图像。我已经实现了某种工作(虽然您必须刷新页面以获得“从购物车中移除”按钮以显示，但是当删除按钮时会发生更改)。
我目前的尝试是关于我的，我知道它可能会更简洁，我认为逻辑/方法可能是不正确的，我认为数据库查询可能会更好，尤其是在视图中。我想知道如何正确地处理这件事。
视图(图片/显示)
<div id="cart_button">
<%= render 'shared/cart_button
浏览 4提问于2015-12-28得票数 0
回答已采纳
我使用的是Rails3。现在尝试在index.html.erb中实现follow按钮，就像推特一样。
它显示了成员列表和他们的关注按钮。
它看起来没问题，但如果我按下这些按钮中的任何一个，外观都不会改变。
它应该立即更改为un。
我不知道为什么会这样。但是如果我重新加载页面，它会显示正确的状态。
follows_controller.rb
class FollowsController < ApplicationController
def create
@user = User.find(params[:user_id])
current_user.follow(
浏览 1提问于2012-12-16得票数 0
回答已采纳
我正在将html.erb转换为html.haml。我在erb中有一些jquery，它是..
:javascript
$(".level").live("click", function() {
//..some code
<% if @milestone %>
milestone = "&milestone=<%= @milestone%>";
<% end %>
//..some code
});
我想把if语句转换成haml，为此我这样做..
-
浏览 1提问于2013-05-07得票数 0
回答已采纳
2回答
我已经用HAML替换了我的ERB文件，它工作得很好。但是，我有一些复杂的javascript和erb混合代码，当转换为haml时会失败。我知道可以使用":plain“选项绕过haml，但当我使用下面的代码执行此操作时，erb代码只是打印为文本，而不是解释。你们有什么解决方案吗？
在JS中使用HAML替换ERB失败
- if (@active == "tasks")
:plain
$('#content_output').html("<div class='content_title task'>
浏览 0提问于2012-08-07得票数 0
回答已采纳
在我的rails 3.1.3应用程序中，我想在我的javascript文件中插入一些ERB代码，但由于某些原因它没有被解析：
# app/assets/javascripts/application.js
//= require_tree ./shared
# app/assets/javascripts/shared/shared.js.erb
MM.loading = '<img src="<%= asset_path("icons/ajax-loader.gif") >">';
在/application.js中呈
浏览 2提问于2012-01-23得票数 8
回答已采纳
我有下面的haml代码，它生成一个按钮：
= link_to 'Delete',
MODEL_path(MODEL),
class: 'data-type-button btn btn-negative',
data: { confirm: 'delete it now!!! ... ?' },
method: :delete
在按下所生成的删除按钮，并通过弹出确认我确实要继续删除，我被带到一个错误屏幕。这个屏幕告诉我，我有一个无效的真实性令牌。但是，将link_to替换为butto
浏览 2提问于2016-11-18得票数 4
回答已采纳
我的Rails 4 haml文件中有一个button_to调用，如下所示
= button_to("Click Me", action: "click", class: "btn btn-primary")
但是，class: "btn btn-primary"代码段不能正常工作，我的按钮也没有改变。我也尝试过:class => "btn btn-primary"的旧Ruby语法，但这似乎并不管用。
任何帮助都将不胜感激。
浏览 1提问于2013-07-30得票数 3
回答已采纳
我在new.html.erb上使用下面的代码，然后在视图页面上显示文本字段和按钮"Search“：
<table>
<tr>
<td align="center">
<%= text_field :tf_Company,placeholder: "Company" %>
</td>
</tr>
</table>
浏览 1提问于2014-03-05得票数 0
回答已采纳
我使用Aptana作为我的Rails文本编辑器。
例如，当我处于控制器操作"new“(例如，我想导航到视图"new.html.erb”)时，我按下"Alt+ctr+shift+down“，然后可以导航到erb视图。
但是，当我使用"new.html.erb“haml并尝试使用相同的方法时，Aptana搜索"new.html.haml”而不是“new.html.haml”，并显示“视图文件未找到”。
我如何告诉Aptana我使用的是haml视图而不是erb
浏览 2提问于2011-10-13得票数 5
我希望将整个HTML目录转换为HAML，以便这些文件具有相同的名称，但具有新的扩展名。
html2haml file.html.erb file.haml
我可以运行一个循环，这样我可以一次转换所有这些文件，以便名称相同，只是扩展名改变了吗？
我的文件：
continue_login.html.erb
expired_trial.html.erb
expired_trial.mobile.erb
login.html.erb
login.mobile.erb
recover_password.html.erb
signup.html.erb
trial_expires_soon.html.er
浏览 0提问于2012-02-23得票数 8
回答已采纳
2回答
我有一个带有两个按钮的网页，每个按钮都通过ajax在页面上加载信息。每个按钮在控制器中调用相同的操作。该操作称为"load“，然后调用ajax文件，该文件会根据单击哪个按钮在页面上加载不同的信息。
html文件中的按钮如下所示。
<%= button_to "Load Profile", { :controller => "surveys", :action => "load"} %>
<%= button_to "Load Personality", { :controller =>
浏览 2提问于2014-06-11得票数 1
回答已采纳
我使用的是Rails 4.2和RSpec 3.4。我试图为包含<%= button_to ... %>删除按钮的视图编写视图测试。我的测试失败，出现了以下错误：
Failures:
1) projects/show.html.erb get secret project as nondisclosed devcomm user shows the obfuscated name and disclosed user
Failure/Error: <%= button_to "Delete this project and reassign all ch
浏览 1提问于2016-05-10得票数 3
回答已采纳
想知道是否有一种方法来评估erb代码片段，以查看它在不运行rails的rails视图模板中包含时将生成的html？
就像。下面的erb代码片段
<%= label(:article, 'merge_id', 'Article ID') %>
生成以下html
<label for="article_mergeid">Article ID</label>
除了运行rails和在视图模板中编写代码之外，还有快速检查由erb (或haml)生成的上述和其他html代码的方法吗？我在找类似irb之类的东西。
浏览 3提问于2014-07-04得票数 1
回答已采纳
如何让它工作？
我有一个文件index.html.haml和一个index.html.erb。erb是有效的，然后当我删除erb时，它给出了模板缺失错误。
我安装了rails 2.3.4并安装了haml gem。
“模板在视图路径app/views中缺少模板配置文件/index.erb”
浏览 3提问于2010-05-10得票数 3
回答已采纳
当我向Instagram API发送POST请求时，我无法将操作“跟随”作为postdata发送。我正试图在我的rails应用程序中制作一个button_to。
以下是erb代码：
<%= button_to "Follow", "https://api.instagram.com/v1/users/*[user_id]*/relationship?access_token=*[token]*", data: {action: "follow"} %>
默认情况下，Button_to的方法是POST，所以我不需要指定它。我必须在请求体
浏览 2提问于2016-04-17得票数 0
2回答
我正在寻找一个不用重新加载页面就可以扩展我的表单的解决方案。首先，我试图用咖啡或javascript渲染一个部分，但是escape_javascript没有工作。
这里是风景
<%= form_for @recipe = current_user.recipes.build do |f| %>
<%= f.label :name, "Recipe Name" %>
<%= f.text_field :name %>
<%= button_to "Add Ingredient", '#', cl
浏览 3提问于2015-04-13得票数 0
回答已采纳
2回答
我喜欢对HTML文档使用HAML。它具有清晰的语法，比ERB更吸引人。它可以完美地处理HTML文档。
那么对于非HTML呢？例如，具有某些自动替换组件的电子邮件或文本文档？我一直在退回到ERB，但我不喜欢与HAML相比的繁重语法。有没有办法在普通文档中使用HAML，而不在%和.开始一行时出现div和html元素？
或者，除了HAML和ERB之外，还有什么我应该调查的方法吗？
浏览 2提问于2010-05-30得票数 1
回答已采纳
2回答
按钮内的symfony图像？
、、、、
我正在尝试使用symfony1.4在按钮中包含一个图像，代码如下：
<?php
echo button_to(image_tag('icon.png')."button_name",'url-goes-here');
?>
但是我得到的结果并不是我想要的，而是一个按钮的值是"img src=path/to/ the /icon.png button_name“。我已经用谷歌搜索了足够长的时间，但什么也没找到，所以我试着在这里问一下。
换句话说：
我想找到一种方法来生成类似于：<button><img
浏览 3提问于2012-01-14得票数 0
回答已采纳
[ Sign in with FB]
其中FB是一个非常棒的字体图标。
= button_to "Login with", user_omniauth_authorize_path(:facebook)
下面是font-awesome的正常调用方式(在haml中)：
%i.icon-facebook-sign
谢谢。
浏览 0提问于2013-03-12得票数 5
我有一个待办事项列表应用程序与一个完整/不完整的按钮为任务。当我单击按钮类时，我想在使按钮类和按钮值更改之间切换。我得到按钮以更改第一次单击，但随后单击到相同的按钮不改变按钮。我检查了我的日志，在第一次单击之后调用了todo#update方法，但是在第一次单击之后，它似乎没有在update.js.erb中运行我的javascript代码。
在我的update.js.erb文件中：
// change color
$("#todo-button-<%=@todo_id%>").attr('class', "<%=button_class%
浏览 8提问于2015-01-27得票数 0
回答已采纳
1回答
我在我的应用程序中实现了一个类似/不一样的函数。在项目的显示页面上，您可以喜欢/不像没有任何问题。然而，在一个用户的个人资料页面上，它列出了他们上传的所有食物，我有两个问题:首先，当我为一种食物单击“相似”按钮时，它会对每一种食物触发它，然后在每种食物下面的按钮文本上写着“不像这个食物”，而不是只对被点击的食物进行文本更改。这样的东西会被保存到数据库中以得到正确的食物，但是很明显，我不想让按钮文本改变我不喜欢的食物。第二，当我尝试在页面上不刷新的情况下喜欢不同的食物时，就会将喜欢的食物保存在数据库中，作为我点击的原始食物，而不是我实际点击的食物。
users.show.html.erb
&l
浏览 2提问于2016-12-23得票数 0
2回答
我想使用Ruby方法来生成经常出现在我的页面中的标记。本质上，我想做的等同于这个(ERB文件)：
<% def create_button(text) %>
<div class="button"><%= text %></div>
<% end %>
...
<%
create_button("My First Button")
create_button("My Second Button")
# etc.
%>
很明显，每当我需要一个按
浏览 1提问于2011-12-09得票数 3
回答已采纳
2回答
我的规则文件中有以下内容：
compile '/gallery/' do
filter :haml
layout :'gallery'
end
...
compile '/' do
filter :haml
layout :'default'
end
...
route '/gallery/' do
nil
end
...
route '*' do
item.identifier.chop + '.' +item[:extension]
浏览 0提问于2014-01-02得票数 1
我使用的是Rails 3.2.3和Haml 3.1.4。
下面是我的带有自定义命名路由的routes.rb：
resources :netscalers do
resources :vips
member do
post :refresh
end
end
下面是当我运行'rake routes‘时，我看到它是定义的：
refresh_netscaler POST /netscalers/:id/refresh(.:format) netscalers#refresh
这是我的视图(app/views/netscalers/index.haml)：
= b
浏览 1提问于2012-04-17得票数 0
回答已采纳
我将此内容保存在一个html.erb文件中。该文件是通过render从某些视图文件引用的。
<table>
<tr>
<th>image</th>
<th>name</th>
<th>description</th>
<th>status</th>
<th>Options</th>
</tr>
<% @activities.each do |activity| %>
<%
浏览 3提问于2012-12-16得票数 0
回答已采纳
我实现了一个基于ajax的按钮，用于在用户的“愿望列表”中添加和删除日历事件。这个按钮的作用相当于切换开关。如果事件已经在他们的愿望列表中，它将删除它；如果不在，那么它将添加它。
我的问题是，该按钮在第一次加载页面时可以正常工作，但是在单击它并通过AJAX将其替换为新的button_to之后，它就不再起作用了。
我看过，但他的架构略有不同，如果我能避免的话，我还不打算完全重构它。对于保存的事件，我有一个单独的模型。有三个模型在这里起作用:用户、事件和saved_events。在用户和事件之间存在一种多对多的关系，表示为一个saved_event。以下是模型中的相关代码。
user.rb：
浏览 0提问于2011-12-03得票数 4
回答已采纳
我在一个Rails3.1项目中使用jQuery。我使用带有:remote => true的button_to：
<%= button_to "View Examples", "#{requisition_assign_path(@req.id, category_row.id)}?show_examples=1", :remote => true, :method => 'get' %>
这会很好地到达服务器，并在这里进行处理：
def show
@assignment = Assignment.fin
浏览 4提问于2011-10-03得票数 0
我试着用openweather api显示图标。 它是这样工作的 _else.html.erb
.
.
<div class="tenki">
<h2>Tokyo</h2>
<img src="http://openweathermap.org/img/wn/10d@2x.png">
.
. 但这只是"10d“模式。我想在那个时候显示图标。 所以试试这个..。 static_pages_controller.rb
.
.
.
uri = URI.parse("http://a
浏览 6提问于2020-04-28得票数 0
回答已采纳
2回答
使用haml和erb
、、、
是否可以使用haml作为erb完全替代品，反之亦然?或者在某些特殊情况下应该使用一种？
例如:用haml做X更好，用erb做Y更好。
我正试图尽快进入我的web应用程序，如果可以避免的话，我现在真的不想同时学习这两个东西。
浏览 1提问于2012-08-29得票数 1
my_view/index.html.erb
<%= render partial: "shared/button", locals: {title: "Foo", url:resend_verification_url, method: :put } %>
/shared/_shared on.html.erb
<%= button_to title, url, method: method || nil, class: "btn btn-primary btn-sm " %>
上面的方法是可行的，但我想看看是否有可能进
浏览 1提问于2021-08-27得票数 0
回答已采纳
我有一个Rails 3应用程序，所有的视图都是用Haml完成的。然而，有一些视图来自于ERB中所需的宝石，而Haml正在添加空白，并且它正在扰乱文本区域等等。(如果您不熟悉haml的这个方面，。)
我宁愿不必将布局转换为ERB，而且由于gem在ERB中，所有传统的Haml空白解决方案都没有帮助。
那么，如何使我的文本区域(和s等)不包装呢？任何我能在我的应用程序中做的聪明的事情都是好的，否则我会很乐意在原始的宝石上应用一个补丁。
编辑我想我可能已经找到了一些像样的答案。
在haml端工作的一件事是Haml::Template.options[:ugly] = true，它消除了所有空白。嗯，
浏览 5提问于2011-04-13得票数 1
1回答
在ApplicationHelper中，我有这样的代码：
def inside_layout layout = 'application', &block
@template.instance_variable_set '@content_for_layout', capture(&block)
concat \
@template.render :file => "layouts/#{layout}", :use_full_path => true
end
它的行为如下：
application.ht
浏览 0提问于2010-03-07得票数 5
回答已采纳
我使用的是rails版本3.2.12，视图使用的是.erb模板。
现在我想开始使用haml模板。
我在gem文件中添加了haml和haml-rails，并安装了这个包。
Using haml (4.0.0)
Installing haml-rails (0.4)
我做了一个模拟的application.html.haml
!!! 5
%html
%head
%title Rotten Potatoes!
= stylesheet_link_tag 'application'
= javascript_include_tag 'applic
浏览 0提问于2013-03-18得票数 2
回答已采纳
您好，我正尝试在我的一个视图中使用bootstrap中的"button_to“样式来显示一个有3个link_to动作的动作，如下所示。
<%= link_to "Edit Article", edit_article_path(@article), class: "btn btn-default" %>
<%= link_to "Publish Article", '', id: "publish_button", class: "btn btn-primary" %&
浏览 1提问于2014-12-04得票数 0
我试图让按钮在Rails 4中异步切换文本和类。当页面被呈现时，我的代码可以正常工作，但我希望能够异步切换UI。目前，我需要双击我的按钮才能使它正常工作。
我认为我遇到的问题是页面上有多个button_to元素，因为我希望有一个列表。我正在尝试定位目标元素，但我不知道如何从ajax XMLHttpRequest中获取它。
_interested_button.html.erb
<% if interested? locals[:question] %>
<%= button_to "Interested", toggle_interes
浏览 5提问于2016-01-05得票数 1
回答已采纳
按钮，使用javascript将表单块附加到整个表单。
我在html.erb文件中的这行代码中做错了什么？
<%= button_to "Add Another Record", '$('.records-container').append('<%=j render partial: 'records/form'%>');'%>
浏览 5提问于2015-12-24得票数 1
2回答
帮助!我对Rails还比较陌生，现在我正尝试使用Rails 7和Turbo以及刺激来更新我的网页上的一个部分。
我在页面上的一个部分中有按钮(称为_home.html.erb)。单击时，我希望它们用不同的部分替换_home.html.erb。
让我向你们展示我迄今所做的事：
意见：
index.html.erb
<%= turbo_frame_tag "main-speaker-div" do %>
<%= render partial: 'home' %>
<% end %>```
_home.html.erb
浏览 9提问于2022-06-03得票数 0
回答已采纳
3回答
我正在开发一个Rails 3.1引擎，为了进行集成测试，我想使用SLIM而不是普通的ol。因此，我试图简单地将s.add_development_dependency "slim"添加到.gemspec文件中，但是当将index.html.erb文件重命名为index.html.slim时，Rails抱怨道：
缺少模板虚拟/索引、带有{:locale=>:en、:formats=>:html、:handlers=>:erb、:builder}的应用程序/索引。搜索：* "/Users/josh/Documents/Work/Sientia/iq_me
浏览 5提问于2012-09-20得票数 2
回答已采纳
1回答
ruby 1.9.3p194 rails诉3.1.3
我对ruby/rails/js非常陌生，我已经学了一段时间了，但没有用。如何从capture_photo.js.erb更新两个图像？
我正在使用js从网络相机捕捉图像，并将其设置为用户化身。图像存储在patient.photo_uid中。
我显示的图像在两个部分，并希望两个图像被更新，一旦保存。我想我想用我的capture_photo.js.erb来做
//relevant sidbar.html.haml:
%a#user_sidebar_image{href: "javascript:void(0)"}
= im
浏览 2提问于2014-10-28得票数 0
回答已采纳
我正在尝试将HAML与rails一起使用，并使用HAML而不是ERB生成视图。
我补充道：
gem 'haml'
gem 'haml-rails'
添加到我的Gemfile，并安装了捆绑包。
$ rails g controller home index
/Library/Ruby/Gems/1.8/gems/railties-3.1.3/lib/rails/script_rails_loader.rb:11: warning: Insecure world writable dir /usr/local/bin in PATH, mode 040777
/Li
浏览 2提问于2011-11-28得票数 1
回答已采纳
1回答
我有一个表示“相似/不喜欢”按钮的haml片段
- if @post.liked_by?(current_user)
= button_to post_likes_path(@post), method: :delete, class: 'post-like-btn' do
%i.fa.fa-heart.color-red
= @post.likes
.footer-caption= pluralize(@post.likes, 'like', 'likes')
- else
= button_to post_li
浏览 5提问于2014-06-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
