javascript - 隐藏: in title when no angular query has been made

Question

目前我正在使用:

<title ng-bind-template="FuturePhones: {{query}}">FuturePhones</title>

但这意味着当页面加载时标题将是:

FuturePhones:

如果我在 Controller 中查询“iPhone”，我会得到标题:

FuturePhones: iPhone

如何以最简单的方式隐藏 : 直到查询完成？

  <title ng-bind-template="FuturePhones {{query ? ':'+query : ''}}">FuturePhones</title>

不起作用，它破坏了查询...查询来自:

<b>Search:</b><input ng-model="query" placeholder="Find...">

Answer 1

使用简单的三元运算符:

<title ng-bind-template="FuturePhones{{query ? ': ' + query : ''}}">FuturePhones</title>