読者です 読者をやめる 読者になる 読者になる

ITの隊長のブログ

ITの隊長のブログです。いや、まだ隊長と呼べるほどには至っていないけど、日々がんばります。CakePHPとPlayFrameworkを使って仕事しています。最近はAngular2をさわりはじめたお(^ω^ = ^ω^)

ひさびさにやると忘れるJadeのif文の書き方

Jade JavaScript

スポンサードリンク

そう忘れるものではありませんが、頻度がね(少ないから)

与えられた値と画像名がマッチしなければ画像名の後ろの'_off'を付与するという条件書いた。

mixin img_tag(absolute_path, image_name, active)
    - var nav_image_name = image_name
    if image_name !== active
        - nav_image_name = image_name + '_off'
    img(src=absolute_path + '/img/common/' + nav_image_name + '.png', alt=image_name)

jadeでjavascriptを使いたい場合は-を先頭においたらjavascriptが使えるようになる。しかし、if文とかは必要ないっぽい。組み込みだからかな。

先月から導入してノリでしかコーディングしていないので、しっかりと理解してコーディングしたいなぁ。