Ikari

Usage

jade

script(type="text/javascript" src="path/to/ikari.js")

CoffeeScript

engine = new Ikari
  el : "#test"

jade

ul#test
  li(i-loop="item in collection" i-id="collections" class="age-{{ item.age }}").test
    div(i-if="item.age > 19") おっとなー
    a(href="/users/{{ item.id }}") 
      {{ item.id }} {{ item.name }}
      img(src="/assets/images/{{ item.id }}".jpg)

CoffeeScript

collection = [
  {
    "id": 1
    "age": 3
    "name": "おじさん"
  }
  {
    "id": 2
    "age": 40
    "name": "めだまやき"
  }
]
engine.build()
engine.create collection

####result...

<ul id="test">
  <li class="age-3 test">
    <a href="/users/1">
      1 おじさん
      <img src="/assets/images/1.jpg">
    </a>
  </li>
  <li class="age-40 test">
    <div>おっとなー</div>
    <a href="/users/2">
      2 めだまやき
      <img src="/assets/images/2.jpg">
    </a>
  </li>
</ul>

###なんかその他

####val-only val だけ出力します。

div(i-if="size < 30" i-val-only) ちゃいちーる

collection = [
  {
    "size": 18
  }
]
engine.build()
engine.create collection

ちゃいちーる

####三項演算子使えます。

div.ternary {{ size > 40 ? "わりと引く" : "まぁ…" }}