javascript - 隐藏:未进行 Angular 查询时标题中

目前，我正在使用：

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

但这意味着在加载页面时，标题将为：


  未来电话：


如果我在控制器中查询“ iPhone”，则显示标题：


  FuturePhones：iPhone


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

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

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

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

最佳答案

使用简单的三元运算符：

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