2016-03-07 33 views

cevap

8

Sen interpolasyon kaldıraç olabilir:

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

someExpression boş nitelik mevcut olmayacak ve someExpression boş bir dize ise, nitelik olacak ise.

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

bu plunkr Bkz: Sen Kaldırılmasını onlar için boolean değerlere null sağlamak zorunda https://plnkr.co/edit/LL012UVBZ421iPX4H59p?p=preview

+0

yapar örnek çalışma – micronyks

+0

başlangıçta plunker bağlantısının başlatılmasıyla ilgili bir problem vardı. ama şimdi iyi çalışıyor. – micronyks

+0

Euh evet, örnek plunkr işlerim ;-) "Örnek iş" ile ne demek istiyorsun? –

19

,

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

aksi açısal

yaratır İşte bir örnek
<ion-navbar hideBackButton="false"> 
İlgili konular