在 HAML 中是如何写的？答案

【问题标题】：How it write at HAML?在 HAML 中是如何写的？
【发布时间】：2015-10-01 13:08:04
【问题描述】：

我有

<div class="navbar-brand">
  <a href="#{root_path}">
    <img src="tree.png" id="icon">
    City Park
  </a>
</div>

我不明白 HAML 是怎么写的

【问题讨论】：

【解决方案1】：

应该是：

.navbar-brand
  %a{:href => "#{root_path}"}
    %img#icon{:src => "tree.png"}
    City Park

2019 年更新

.navbar-brand
  %a{href: root_path}
    %img#icon{src: "tree.png"}
    City Park

【讨论】：

只是想为已经安装和/或使用 Atom 的任何人添加，有一个方便的 HTML-2-HAML 扩展 (github.com/jaunkst/atom-html2haml)。 Sublime 也有一个 (github.com/pachkovsky/sublime-html-to-haml)。这些与蒂亚戈在他的评论中链接到的应用程序相同，但它就在您的编辑器中。

【解决方案2】：

试试这个：

.navbar-brand
  = link_to ("#{'City Park'} #{image_tag 'tree.png', :id => 'icon'}").html_safe, root_path

简短:-)

【讨论】：