<ion-navbar hideBackButton >
<ion-title> </ion-title>
...
...
我希望hideBackButton
有条件,我不想用* ngIf重复整个ion-navbar元素。 是否可以应用* ngIf作为hideBackButton属性?* ng如果为Angular2中的html属性
<ion-navbar hideBackButton >
<ion-title> </ion-title>
...
...
我希望hideBackButton
有条件,我不想用* ngIf重复整个ion-navbar元素。 是否可以应用* ngIf作为hideBackButton属性?* ng如果为Angular2中的html属性
您可以利用插值:
<ion-navbar [attr.hideBackButton]="someExpression">
<ion-title> </ion-title>
...
...
如果someExpression
为空属性将不存在,如果someExpression
为空字符串,则该属性将在那里。下面是一个示例:
@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;
}
}
}
看到这个plunkr:https://plnkr.co/edit/LL012UVBZ421iPX4H59p?p=preview
你必须提供null
为他们得到清除布尔值,
<ion-navbar [attr.hideBackButton]="someExpression ? true : null">
否则角创建
<ion-navbar hideBackButton="false">
确实示例工作? – micronyks
最初,plunker链接的初始化存在问题。但现在它的作品很好。 – micronyks
Euh是的,我的示例plunkr工作;-)你是什么意思的“做示例工作”? –