Ionic 3 кнопки нг контроллер

Question

Я пытаюсь использовать ion-button, чтобы изменить числовую переменную, а затем распечатать эту переменную в ion-title, но функция даже не работает.Мне нужно сделать это через контроллер нг.Я пытался с <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, вы должны использовать экстраполяционную привязку с помощью скобок {{}}:

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

Не стесняйтесь проверить справочное приложение команды Ionic здесь: https://github.com/ionic-team/ionic-conference-app/tree/v3

Существует множество страниц, на которых вы можете проверить "каноническую" реализацию.