An example of routes that depend on pre-fetched data prior to rendering, the template, controllers that handle form submission, and relevant service abstraction in AngularJS.

router.coffee

app.config ($routeProvider) ->

  $routeProvider.when '/settings',
    templateUrl: 'settings.html'
    controller:  'SettingsController'
    resolve:
      settings: (SettingsService) -> SettingsService.get()

settings.html

<form name="settingsForm" ng-submit="saveSettings()">
  <label>Email</label>
  <input ng-model="settings.email" type="email" required/>
  <button type="submit">Save Settings</button>
</form>

settings_controller.coffee

app.controller 'SettingsController', ($scope, settings, SettingsService) ->
  $scope.settings = settings.data
  $scope.saveSettings = -> 
    SettingsService.put($scope.settings)

settings_service.coffee

app.factory 'SettingsService', ($http) ->
  url = "/settings"
  get:            -> $http.get(url)
  put: (settings) -> $http.put(url, settings)