Question

我正在尝试使用ion-button来更改数字变量，然后在ion-title中打印该变量，但是该功能甚至没有运行。我需要通过ng控制器来完成。我尝试使用<button ion-button ng-click="GoPage()" id="b1">Next</button>，而GoPage（）是：

GoPage(){
    ++this.position;
    console.log(this.position);
  }

位置已被定义为等于0的数字

Answer 1

只需在模板中执行（单击）即可。在Ionic 3+中，您需要利用输出事件绑定来启动操作，例如click：

<button ion-button (click)="GoPage()" id="b1">Next</button>

现在，如果要更新离子标签，则应使用方括号{{}}使用外推绑定：

<ion-label>{{ position }} </ion-label>

请在此处免费查看Ionic团队的参考应用程序： https://github.com/ionic-team/ionic-conference-app/tree/v3

您可以检查很多页面的“规范”实施。

离子3按钮ng控制器

1 个答案: