cg-contenteditable - AngularJS directive to manage contenteditable element (in CoffeeScript)

cg-contenteditable.coffee

angular.module('whatever').directive 'cgContenteditable', ->
    restrict: 'A'
    scope:
        ngModel: '='
    link: (scope, elem, attrs) ->
        elem = elem[0]
        # 1
        elem.setAttribute 'contenteditable', true

        # 2
        elem.addEventListener 'input', ->
            return if scope.ngModel is elem.innerHTML
            scope.ngModel = elem.innerHTML
            scope.$evalAsync()

        # 3
        scope.$watch 'ngModel', ->
            return unless scope.ngModel
            return if scope.ngModel is elem.innerHTML
            elem.innerHTML = scope.ngModel