slimについて

slim3日目その3

ん？？って思った事

リンク

例1:

      a href='#{new_shop_path}'
        hoge

出力結果:

<a href="/shops/new"><hoge></hoge></a>
hogeがタグだと思われてしまったため、画面にはなにも表示されない。

例2:
      a href='#{new_shop_path}'
       |hoge
出力結果：

<a href="/shops/new">hoge</a>
パイプを使用しないといけないのか。

例３：
      a href='#{new_shop_path}'
        ほげ
出力結果：

<a href="/shops/new"><ほげ></ほげ></a>
画面には

<ほげ>が表示される。

例４：a href='#{new_shop_path}'ほげ

出力結果:
<a href="/shops/new">ほげ</a>

これはうまくいく

例５：
      a> href='#{new_shop_path}'ほげ
      a> href='#{new_shop_path}'ほげ
出力結果:

<a href="/shops/new">ほげ</a> <a href="/shops/new">ほげ</a>
「a>」とするとaタグとaタグの間にスペースが入れられる。

例６：
      a< href='#{new_shop_path}'ほげ
      a< href='#{new_shop_path}'ほげ
出力結果：

<a href="/shops/new">ほげ</a> <a href="/shops/new">ほげ</a>
「a<」は前にスペースを入れる。

例７：
      a<> href='#{new_shop_path}'ほげ
      a<> href='#{new_shop_path}'ほげ
出力結果：

<a href="/shops/new">ほげ</a> <a href="/shops/new">ほげ</a>
「a<>」は前後にスペースを入れる。

こんな感じで簡単にかける。
例8：
      ul
        li.first: a href="/a" A リンク
        li: a href="/b"
          article.item-box
            |ほげ
出力結果：

<ul>
<li class="first">
<a href="/a">A リンク</a>
</li>
<li><a href="/b"><article class="item-box">ほげ</article></a>
</li>
</ul>