At the moment, my current setup looks like this:
<title ng-bind-template="FuturePhones: {{query}}">FuturePhones</title>However, this results in the title displaying as follows when the page loads:
FuturePhones:
When I query my controller for "iPhone", the title becomes:
FuturePhones: iPhone
What is the simplest way to hide the colon (:) until a query has been completed?
<title ng-bind-template="FuturePhones {{query ? ':'+query : ''}}">FuturePhones</title>
This solution does not work as expected and disrupts the query process... The query is generated from:
<b>Search:</b><input ng-model="query" placeholder="Find...">