If I return a blank or missing value as model.property = '' (empty string) and use <span data-bind="text: property">, the span is skipped and causes layout issues. The worst being that an entire header, complete with navigation buttons, fails to show.
As an alternative, I was returning '.' (a dot rather than empty string) but this looks ugly. Finally, I am returning ' '. This required a change to <span data-bind="html: property">. All is now displaying great.
I am wondering about the implications and risks of binding to html rather than text. I guess the main risk is of HTML injection. Should I be worried? Is there an alternative way?