angularでなぜか自作directiveが動作しない

custom directiveでちょっとハマったのでメモ。

命名規則が意外と大事。

// html側
<div foo-bar></div>
// js側
app.directive('fooBar', ウンタラカンタラ
  return { templateUrl: 'hoge.html'

html側はfoo-bar、js側での宣言はfooBarで。

ちなみにtemplateのファイル名は任意で大丈夫。