动态更改离子标题

Question

我正在尝试根据变量动态更改离子页面的标题，如下所示，但它不起作用，它显示错误。

<ion-view view-title='{{type == "nhs" : "NHS" : "Other"}} Prescription'  cache-view="false">

Answer 1

可能是因为语法错误。

condition ? expr1 : expr2

试试这个

<ion-view title={{type == 'nhs' ? 'NHS' : 'Other'}} cache-view="false" >

或使用ng-if条件

Answer 2

我也遇到过非硬编码视图标题的问题。我找到的解决方案是使用ion-nav-title指令：

<ion-view cache-view="false">
  <ion-nav-title ng-bind="{{type == 'nhs' ? 'NHS' : 'Other'}} Prescription"></ion-nav-title>
</ion-view>

Answer 3

<ion-view title="{{(type == 'nhs') ? 'NHS' : 'Other'}} Prescription"  cache-view="false">