ng-controller error when using ons-navigator & ons-slider-menu

mentizm

Hi,

when bringPageTop(PAGE.HTML) is called. the callback isn’t fired.

An ons-page element is in the dom but it ios “display:none”.

This behavior only appear when i use the ng-controller=“PopController” tag.

Any ideas?


$(document).on('touchstart', '#menu_angebot_erstellen', function() {
    var options = {
        animation: 'fade',
        animationOptions: {
            duration: 0.2,
            delay: 0
        },
        callback: function() {
        	// do something
        }
    }
    myNavigator.bringPageTop('page.html', options);
});

FILE: index.html 
<body>
        <ons-sliding-menu
			main-page="html/view-start.html"
			menu-page="html/view-slide-menu.html" 
			side="left" 
			max-slide-distance="250px"
			var="slideMenu">
        </ons-sliding-menu>
</body>

FILE: view-start.html
<ons-navigator var="myNavigator">
  <ons-page>
    ....
  </ons-page>
</ons-navigator>

FILE: page.html
<ons-page modifier="create-damage" ng-controller="PopController">
  <div class="navigation-bar">
    <div class="navigation-bar__left">
      <ons-back-button></ons-back-button>
    </div>
    <div class="navigation-bar__center navigation-bar__title" id="view_listing_detail_toolbar">Übersicht</div> 
  </div>
</ons-page>

Fran Diox

@mentizm Hello! Which Onsen UI version are you using?

mentizm

Beta 10 Version

Fran Diox

@mentizm I cannot reproduce this behavior, could you make a simple example in Codepen that we can test?