*ngIf pour l'attribut html dans Angular2

<ion-navbar  hideBackButton >
  <ion-title> </ion-title>
  ...
  ...

Je veux hideBackButton de y conditionnellement et je ne veux pas répéter l'ensemble de la ion-navbar élément *ngIf.
Est-il possible d'appliquer *ngIf pour hideBackButton attribut?

OriginalL'auteur Mark Timothy | 2016-03-07

  1. 12

    Vous pouvez tirer parti de l'interpolation:

    <ion-navbar [attr.hideBackButton]="someExpression">
  <ion-title> </ion-title>
  ...
...

    Si someExpression est null, l'attribut ne sera pas présent et si someExpression est une chaîne vide, l'attribut sera là. Voici un exemple:

    @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;
    }
  }
}

    Voir ce plunkr: https://plnkr.co/edit/LL012UVBZ421iPX4H59p?p=preview

    ne exemple, le travail?
    d'abord il y a un problème lors de l'initialisation de plunker lien. mais maintenant sa fonctionne bien.
    Euh oui, mon exemple plunkr fonctionne 😉 Qu'entendez-vous par "ne fonctionne"?

    OriginalL'auteur Thierry Templier

  2. 24

    Vous devez fournir null à des valeurs booléennes pour les avoir enlevés, 

    <ion-navbar [attr.hideBackButton]="someExpression ? true : null">

    sinon angulaire crée 

    <ion-navbar hideBackButton="false">

    OriginalL'auteur Günter Zöchbauer