Simple AngularJS Form

by abstractcoder

HTML

<form id="area-form" ng-controller="Template as template">
    <input id="length" type="number" step="any" placeholder="Length" ng-model="template.length" />
    <input id="width" type="number" step="any" placeholder="Width" ng-model="template.width" />
    <input id="area" type="number" step="any" placeholder="Area" readonly="readonly" value="{{template.getArea()}}" />
</form>

CoffeeScript

class Template
    constructor: (@$scope) ->
      @length = 9
      @width = 25.75
    getLength: -> parseFloat(@length)
    getWidth: -> parseFloat(@width)
    getArea: -> @getLength() * @getWidth()
    
  Template.$inject = ["$scope"];
  app = angular.module 'templateApp', []
  app.controller 'Template', Template
  angular.bootstrap document.getElementById('area-form'), ['templateApp']