Simple AngularJS Form

HTML

<form id="area-form" ng-controller="Template as template">
  <input id="card" type="number" step="any" placeholder="card" readonly="readonly" value="Capital One - Orchard" />
  <input id="balance" type="text" step="any" placeholder="Balance" ng-model="template.balance" />
  <input id="payment" type="number" step="any" placeholder="# of Payments" ng-model="template.payments" />
  <input id="amount" type="number" step="any" placeholder="Payment Amount" readonly="readonly" value="{{template.getAmount()}}" />
</form>

CoffeeScript

class Template
    constructor: (@$scope) ->
      @balance;
      @payment;
    getCC: -> "Capital One - Orchard"
    getBalance: -> parseFloat(@balance)
    getPayments: -> parseFloat(@payments)
    getAmount: -> @getBalance() / @getPayments()
    
  Template.$inject = ["$scope"];
  app = angular.module 'templateApp', []
  app.controller 'Template', Template
  angular.bootstrap document.getElementById('area-form'), ['templateApp']