CoffeeScriptでAngularJSをモダンに書こう

参考:http://qiita.com/armorik83/items/5542daed0c408cb9f605

モダンに書くならTypeScriptつかえーやとか言わんといて!


classとDirectiveとControllerの書き方。

"use strict"

class SampleDirectiveCtrl  
  constructor: ($scope)->
    console.log "hola"
    UiStickyCtrl.$inject = [
      "$scope"
    ]


sampleDirective = ()->  
  restrict: "A"
  scope:
    hoge: "=fuga"
  controller: SampleDirectiveCtrl
  controllerAs: "ctrl"
  link: (scope, element, attrs, controller) ->
    element.addClass "ui-sample"


sampleApp = angular.module('sampleApp',[])  
sampleApp.directive "sampleDirective", sampleDirective  

解説をしながら書こうと思ったんだけど面倒くさくなったのでソースだけ載せておく。 参考サイトのものを書き換えたにすぎないが…。とりあえずCoffeeScript触っておけばTypeScriptも何とかなるんじゃないかと思っている。