同一行上的多個Haml元素

Question

我希望能夠在同一行上有兩個Haml元素。例如：

%h1 %a{:href => '/'} Professio.

這是行不通的。我怎麼會得到這樣的工作而無需工作？

Answer 1

不幸的是，你不能在同一行放置兩個haml元素。

可以實現使用內嵌HTML元素類似的東西：

%h1 <a href='/'>Lorem ipsum</a> 

你不喜歡這種格式，爲什麼？

%h1 
    %a{:href => '/'} Professio. 

另一種選擇是編寫特殊的'helper'方法（生成html鏈接）。例如，在軌的link_to：

%h1= link_to 'Professio', root_url 

Answer 2

如果你正在尋找保存在同一行的HTML，你可以嘗試這樣的事：

irb> print Haml::Engine.new("%h1<\n %a{:href => '/'} Profession.").render() 
<h1><b href='/'>Profession.</a></h1> 

這裏找到：HAML whitespace removal

[編輯：我知道這是說上面b ...]

Answer 3

遲到的答案，但我只是自己解決同一個問題，並知道HAML有辦法做到這一點作爲語言的一部分。請參閱White Space Removal section of the HAML reference。

你可以這樣來做：

%h1< 
    %a{ :href => '/' } Professio. 

或者這樣說：

%h1 
    %a{ :href => '/' }> Professio. 

Answer 4

Haml的不能做到這一點。 Slim可以：

h1: a(href='/') Professio. 

是一樣的：

h1 
    a(href="/) Professio 

你可以寫的，因爲你需要更深層次的樹：

ul.nav 
    li.active: a(href="/home"): strong Home 
    li:  a(href="/contact"): span Contact 

Jade也有類似的語法和支持這一功能，但它是爲Node.js環境設計的。