Edit in JSFiddle

var example = {
  bindings: {
    obj: '<'
  },
  template: `
    <div class="section">
      <h4>
        Isolate Component
      </h4>
      <p>Object: {{ $ctrl.obj }}</p>
      <a href="" ng-click="$ctrl.updateValues();">
        Change Isolate Values
      </a>
    </div>
  `,
  controller: function () {
		this.updateValues = function () {
      this.obj.todd.age = 26;
    };
  }
};

function ParentController() {
  this.someObject = {
    todd: {
      age: 25,
      location: 'England, UK'
    }
  };
  this.updateValues = function () {
    this.someObject.todd.age = 25;
  };
}

angular
  .module('app', [])
  .component('example', example)
  .controller('ParentController', ParentController);
<div ng-app="app">
  <div ng-controller="ParentController as parent">
    <h3>
      One way binding with Object references
    </h3>
    <div class="section">
      <h4>
        Parent
      </h4>
      <p>
        Object: {{ parent.someObject }}
      </p>
      <a href="" ng-click="parent.updateValues();">
        Change Parent Values
      </a>
    </div>
    <example obj="parent.someObject" prim="parent.somePrimitive"></example>
  </div>
</div>