trouble with pushPage();

[123php]

Hi, I am having trouble with pushPage();, see: https://jsfiddle.net/w8904ztc/14/

If you click the + button you should be able to see a new page with back button, but it doesn’t work.

[jamal]

@123php, you need to wrap your first page with <ons-navigator> which you are missing yet referencing in your code!

Here is a jsFiddle https://jsfiddle.net/w8904ztc/15/

<ons-navigator id="myNavigator">
     <ons-page>
        <ons-toolbar>
            <div class="right"><ons-toolbar-button onclick="document.querySelector('#myNavigator').pushPage('thread.html', {data: {title: 'Neuer Post'}});">
          <ons-icon style="color:black;" icon="ion-plus"></ons-icon>
        </ons-toolbar-button></div>
            <div class="center">Echo</div>
        </ons-toolbar>

        <ons-tabbar swipeable position="auto">
            <ons-tab page="tab1.html" label="Home" icon="ion-home, material:md-home" active>
            </ons-tab>
            <ons-tab page="tab2.html" label="Einstellungen" icon="md-settings">
            </ons-tab>
        </ons-tabbar>
    </ons-page>
</ons-navigator>    

<template id="tab1.html">
        <ons-page id="Tab1">
            <ons-pull-hook id="pull-hook">
                Nach unten ziehen um neu zu laden
              </ons-pull-hook>
                <div id="content"></div>
                <div id="threads"></div>
        </ons-page>
    </template>

    <template id="tab2.html">
        <ons-page id="Tab2">
            <p style="text-align: center;" id="usernamediv"></p>
            <p style="text-align: center;">
                <ons-button id="logout" name="logout" onclick="logout();">Logout</ons-button>
            </p>
        </ons-page>
    </template>

    <template id="thread.html">
        <ons-page id="NewPost">
        <p>
           Page got pushed
        </p>
        </ons-page>
    </template>