AngularJS Test Directive

by g

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<div ng:init="name = 'Jack';">
    Name:<br />
    <input type="text" ng:model='name'/>
    <br />
    <div ng:test="{{name}}">
    </div>
</div>

CoffeeScript

class TestDirective
  constructor: ->
    
  restrict: 'A'
    
  link: (scope, element, attrs) =>
    console.log attrs
    scope.$watch attrs.ngTest, (val) ->
      console.log val

app = angular.module 'app', []

buildDirectiveFactory = (ctor) ->
    factory = (args...) -> new ctor args...
    factory.$inject = ctor.$inject
    factory
    
app.directive 'ngTest', buildDirectiveFactory TestDirective

angular.bootstrap document, ['app']