Można wykorzystać interpolację:
<ion-navbar [attr.hideBackButton]="someExpression">
<ion-title> </ion-title>
...
...
Jeśli someExpression
jest null atrybut nie będzie obecny, a jeśli someExpression
jest pusty ciąg znaków, atrybut będzie. Oto przykład:
@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;
}
}
}
Zobacz ten plunkr: https://plnkr.co/edit/LL012UVBZ421iPX4H59p?p=preview
ma przykład pracy? – micronyks
początkowo wystąpił problem z inicjalizacją łącza plunkera. ale teraz działa dobrze. – micronyks
Euh tak, moja próbka plunkr działa ;-) Co masz na myśli mówiąc "czy przykładowa praca"? –