我有以下html.erb代码,我想转移到Haml:
<span class="<%= item.dashboardstatus.cssclass %>" ><%= item.dashboardstatus.status %></span>
Run Code Online (Sandbox Code Playgroud)
它的作用是将当前分配的状态的CSS类与跨度相关联.
怎么在Haml完成?我确定我错过了一些非常简单的事情.
我该如何创建:
<p>
I would like to make a <a href="foo.html">link</a> in my Rails app.
</p>
Run Code Online (Sandbox Code Playgroud)
与HAML?
我怎么能在HAML中做这样的事情(在Rails应用程序中这很重要)?
<li><a href="#" title="Meet the Team"><strong>Team <em>16 members</em></strong></a></li>
Run Code Online (Sandbox Code Playgroud)
编辑:如何使用link_to和路由pages_team?
如果我链接多个css类,HTML会出现如下:
<a class="btn primary large">
Run Code Online (Sandbox Code Playgroud)
我如何在HAML中做到这一点?这些猜测不起作用:
.btn-primary-large
."btn-primary-large"
Run Code Online (Sandbox Code Playgroud) 在HAML中包含javascript或CSS时,通常必须执行以下操作才能包含CSS:
%link{:type => "text/css", :rel => "stylesheet", :href => "/css/mycss.css"}
Run Code Online (Sandbox Code Playgroud)
对于javascript:
%script{:type => "text/javascript", :src => "/js/myscript.js"}
Run Code Online (Sandbox Code Playgroud)
如果HAML没有包括这些标签的短的路我不知道(从课程的源获取内容,而不是内联),省略了必要的type和rel属性,因为这些是不变的反正.
请注意,Ruby on Rails通过函数提供此功能,但我不使用rails.
我有2/3崇高和色彩内部:javascript块不能正常工作.
该软件包是https://sublime.wbond.net/packages/Haml
实际上他们说:"Ruby,ERB,Javascript,Sass和CSS过滤器中的文本现在已被正确识别,因此您可以获得所有语法突出显示,片段,命令等." 但在崇高中它不起作用.
你怎么写:
= link_to 'Select »', "/"
Run Code Online (Sandbox Code Playgroud)
在HAML中吗?
= link_to 'Select »', "/"
Run Code Online (Sandbox Code Playgroud)
再打印»一次.
来自Phrogz的回答
= link_to('Select »'.html_safe,'/')
Run Code Online (Sandbox Code Playgroud)
做了伎俩
我试图嵌套这个
%h1 Admin Menu
%small logged in as: #{session[:username]}
Run Code Online (Sandbox Code Playgroud)
得到这样的东西
<h1>Admin Menu <small>logged in as: something</small></h1>
Run Code Online (Sandbox Code Playgroud)
但是,我可以让它显示而不会发出错误的唯一方法就是将它们放在同一级别上
%h1 Admin Menu
%small logged in as: #{session[:username]}
Run Code Online (Sandbox Code Playgroud)
哪个输出:
<h1>Admin Menu</h1>
<small>logged in as: something</small>
Run Code Online (Sandbox Code Playgroud)
这可能是愚蠢的事情,但我不知道为什么这不起作用?
我知道如何使用data-*属性创建链接:
%a{ :href => "#", :data => { :name ="John", :age => 24 } } Hi John
Run Code Online (Sandbox Code Playgroud)
产生:
<a href="#" data-name="John" data-age="24">Hi John</a>
Run Code Online (Sandbox Code Playgroud)
但是,如何对2深度数据名称进行分组,比如,data-user-name以及data-user-age对数据属性进行分组的方法.你可能猜到,我试过:
:data => { :user => { :name => "John", :age => 24 } }
Run Code Online (Sandbox Code Playgroud)
但它不起作用,给我奇怪的HTML输出:
<a href="#" data-user="nameJohnage24">Hi John</a>
Run Code Online (Sandbox Code Playgroud)
知道怎么做吗?提前致谢.
我一直在寻找如何使用辅助id器添加选择器,这可能吗?link_tohaml
a .haml - %a#booked{:href => "index.haml"} Link 1
b .html.erb - booking.html.erb - <%= link_to "Link 1", booking_path, :id => "booked" %>
c .haml.erb - booking.haml.erb - ...??
Run Code Online (Sandbox Code Playgroud)
这相当于ha中的b?
haml ×10
css ×2
html ×1
html5 ×1
javascript ×1
ruby ×1
sublimetext ×1
sublimetext2 ×1
sublimetext3 ×1