*Angular2中html属性的ngIf ... ...

我希望

hideBackButton

有条件地出现在那里，我不想用*ngIf重复整个ion-navbar元素。

---

是否可以为hideBackButton属性应用*ngIf

您可以利用插值：

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

---

请参见此链接：

您必须为布尔值提供

null

，以便删除它们

否则，角度会创建

最初，plunker链接的初始化出现问题。但是现在它工作得很好。嗯，是的，我的样品plunkr工作得很好；-）你所说的“例子有用吗”是什么意思？

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

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