AngularJS: Using partial html for Forms

entity.routing.ts

module app {
  'use strict';

  angular
    .module('app.entity')
    .config(routes);

  routes.$inject = ['$stateProvider'];

  function routes($stateProvider: ng.ui.IStateProvider) {
    $stateProvider
      .state('entity', {
        url: '/entity',
        controller: 'app.entity.entityController',
        controllerAs: 'entity',
        templateUrl: 'components/entity/entity.html',
        abstract: true
      })
      .state('entity.list', {
        url: '/list',
        controller: 'app.entity.entityListController',
        controllerAs: 'entityList',
        templateUrl: 'components/entity/entityList.html'
      })
      .state('entity.edit', {
        url: '/edit/:transactionNr',
        controller: 'app.entity.entityEditController',
        controllerAs: 'entityForm',                     // EntityForm 
        templateUrl: 'components/entity/entityEdit.html'
      })
      .state('entity.new', {
        url: '/new/:transactionNr',
        controller: 'app.entity.entityNewController',
        controllerAs: 'entityForm',                     // EntityForm 
        templateUrl: 'components/entity/entityNew.html'
      })
      /*inject:routes*/
    ;
  }
}

entityCreate.html

<form name="entityCreateForm">
  <div ng-include="partials/entityForm.html">
    // this is now bound to the entityCreateController using controllerAs:entityForm
  </div>
</form>

entityEdit.html

<form name="entityEditForm">
  <div ng-include="partials/entityForm.html">
    // this is now bound to the entityEditController using controllerAs:entityForm
  </div>
</form>

partial\entityForm.html

<input name="field1" ng-model="entityForm.entity.field1">
<input name="field2" ng-model="entityForm.entity.field2">