How to load nested data from a service in Ember?

So my situation is as follows: I got a component with a couple of input fields that represent a contact and are filled with data from a service: @service('contact-data') contact;. Each field stands for one property that is accessed via contact.properties.

I have the properties saved as a jsObject to easily filter out empty fields when using them and I tracked it with @ tracked like so: @tracked properties = {id: 0, foo: "", bar : "abc" ,more goes here}

However, the properties do not re-render properly in the component and the textfields do not get updated.

I'd appreciate any help with this! Thanks!