隐藏：没有进行角度查询时在标题中

Question

目前我正在使用：

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

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

  

FuturePhones：

如果我查询我的控制器“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>