3. myNavigator is not defined

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

myNavigator is not defined

  • M

    Hi me again,

    im using the USAGE of the ons-navigator (https://onsen.io/reference/ons-navigator.html).

    By click on the “Push Page” button the page throws an error: myNavigator is not defined.

    i included this js files:
    <script src=“lib/onsenui/js/angular/angular.js”></script>
    <script src=“lib/onsenui/js/onsenui.js”></script>

    can someone help me. did i make a mistake.

    Thanks mentizm

    0

  • Hi @mentizm !

    You need to use the var attribute of the <ons-navigator> like this:

    <ons-navigator var="myNavigator">
  ...
</ons-navigator>

    By doing this, it is bound as a variable and you can access it with $scope.myNavigator in AngularJS.

    Here is a simple example on Codepen that illustrates this:
    http://codepen.io/onsen/pen/yrhtv

    In the case you are using the Onsen UI 2.0 beta, you also need to include onsenui-angular.js since we’ve split the AngularJS bindings to a separate file.

    Also, if you are not using AngularJS, the var attribute does not work. Instead you can just select the element and push the page:

    <ons-navigator id="my-navigator"></ons-navigator>

    var navigator = document.getElementById('my-navigator')
navigator.pushPage('page.html');
    0