Вызов кнопки возврата функцией

Я новичок в пользовательском интерфейсе Onsen. Как мне использовать метод «возврата», чтобы вернуться на главную страницу? (Как и левая кнопка «Назад».) Я пытался сделать это с помощью pushPage-Method. Работает, но анимация другая.

HTML шаблона с кнопкой "Назад"/"Сохранить"

<ons-navigator var="profileNavigator">
<ons-list ng-repeat="item in profileData">
<ons-list-item modifier="chevron" class="profile-list-item-container" ng-click="openAboutMeDesc(item.aboutMe)">
      <div class="profile-list-item-left">
        <i class="fa fa-child fa-profile-list"></i>
      </div>
      <div class="profile-list-item-right">
        <div class="profile-list-item-content">
          <div class="profile-category">Über mich
          </div>

          <span class="profile-desc">{{item.aboutMe}}</span>
        </div>
      </div>
    </ons-list-item>

<ons-template id="profile-aboutme-desc.html">
<ons-page>
      <ons-toolbar>
        <div class="left">
        <ons-back-button>Back</ons-back-button>
        </div>
        <div class="right">
        <ons-toolbar-button ng-click="saveAboutMeDesc(item.naboutMe)">Save</ons-toolbar-button></div>
        <div class="center">About</div>
      </ons-toolbar>
      <ons-row>
      <!--my content-->           
      </ons-row>    
</ons-page>     
</ons-template>
</ons-navigator>

JavaScript

$scope.openAboutMeDesc = function (aboutMe) {
            profileNavigator.pushPage('profile-aboutme-desc.html', { animation : 'slide' } );
        }; 

$scope.saveAboutMeDesc = function (naboutMe) {

};

person mm1975    schedule 30.12.2015    source источник


Ответы (1)


Анимация отличается (вперед, а не назад), потому что, используя метод profileNavigator.pushPage, вы добавляете новую страницу в стек, а не возвращаетесь к старой. Если вам нужно перейти на главную страницу, рассмотрите возможность использования метода profileNavigator.resetToPage.

$scope.openAboutMeDesc = function (aboutMe) {
  profileNavigator.resetToPage('profile-aboutme-desc.html', { animation : 'slide' } );
}; 

Помните, что вы можете выбрать анимацию транзакции между «слайд», «простой слайд», «подъем», «затухание» и «нет».

Загляните в официальную документацию, если что-то непонятно:

https://onsen.io/reference/ons-navigator.html

Надеюсь, поможет!

person Andi Pavllo    schedule 30.12.2015
comment
Большое спасибо. Это скалы! - person mm1975; 30.12.2015