Inheriting ngModel in an Angular directive

ng-model-directive.js

angular.module('myModule', [])
  .directive('myDirective', myDirective);

function myDirective () {
  return {
    restrict: 'E',
    scope: {
      inputName: '@',
      model: '='
    },
    template: '<section>'
      + '<input type="text" name="{{inputName}}" ng-model="model[inputName]"></input>'
      + '</section>'
  };
}

template.html

<form>
  <input type="text" name="bar" ng-model="foo.bar"></input>
  <input type="text" name="baz" ng-model="foo.baz"></input>
  <my-directive model="foo" input-name="bing">
  <!-- foo.bing is bound to the input in the my-directive template -->
</form>