Question

您好我刚刚开始在我的项目中使用离子2，如何在离子2中更新ui值？简单地说，当我们点击按钮时，一些文字改变了。我尝试了这个，但没有工作

home.ts

@Component({
  templateUrl: 'build/pages/home/home.html'
})

export class HomePage {
  public test: any;
  constructor(private nav: NavController) {
  }

  update(){
    this.test = "updated text";
  }
}

home.html的

<ion-content>
    <p>{{test}}</p>
    <button (click)="update()">update</button>
</ion-content>

请帮助，谢谢！

Answer 1

在HTML上，您应该在修改{{test}}可变值时使用test。

<ion-content>
    <p>{{test}}</p>
    <button (click)="update()">update</button>
</ion-content>

可能是，您可能错过了bootstrap应用程序主要组件，您可以看到类似的answer here

Answer 2

将 home.html 更改为此

<ion-content>
<p>[(ngModel)]="test"</p>
<button (click)="update()">update</button>

更新离子2中的视图和值

2 个答案: