title: Update Aurelia binding when properties change
body: <p>I'm using Aurelia with TypeScript. I'm trying to bind an object to the view and I want the view to update when I change a property of my object. I know that Aurelia only watches the object and some array manipulations (push, splice etc). I also know that there are some binding helpers such as @computedFrom and using the BindingEngine but I still can't find the best approach when using value converters.</p>
  
  <p>In my example I have class in TypeScript, e.g. "class Car". Then I bind multiple car objects to the view, e.g. ${car1}, ${car2} etc. I add a value converter to present the car, e.g. ${car1 | carPresenter}. This displays the information like this: "A blue car with full tank and three passengers". If I change a car property, e.g. "car1.passengers++" then I want the ${car1 | carPresenter} to update.</p>
  
  <p>Maybe a value converter is the wrong approach? Please advise on better methods if that's the case. I want to present complex objects by showing some of it's properties but not necessarily all of them. And those presentations should update when the underlying properties change.</p>
  
  <p>I have created a gist with a simplified example that illustrates the problem:
  <a href="https://gist.run/?id=06287de5eb179b32fa0b134eb59ebc68" rel="nofollow">https://gist.run/?id=06287de5eb179b32fa0b134eb59ebc68</a></p>