<ion-navbar hideBackButton > <ion-title> </ion-title> ... ... Quiero que hideBackButton esté allí de forma condicional y no quiero repetir todo el elemento ion-navbar con *ngIf. ¿Es posible aplicar * ngIf para el atributo hideBackButton?
Debe proporcionar valores null a booleanos para que se eliminen,
<ion-navbar [attr.hideBackButton]="someExpression ? true : null">de lo contrario angular crea
<ion-navbar hideBackButton="false">Puede aprovechar la interpolación:
<ion-navbar [attr.hideBackButton]="someExpression"> <ion-title> </ion-title> ... ... Si someExpression es nulo, el atributo no estará presente y si someExpression es una cadena vacía, el atributo estará allí. Aquí hay una muestra:
@Component({ selector: 'my-app', template: ` <div [attr.hideBackButton]="someExpression"> Test </div> <div (click)="toggleAttribute()">Toggle</div> ` }) export class AppComponent { constructor() { this.someExpression = null; } toggleAttribute() { if (this.someExpression==null) { this.someExpression = ''; } else { this.someExpression = null; } } }Vea este plunkr: https://plnkr.co/edit/LL012UVBZ421iPX4H59p?p=preview