{"id":569,"date":"2017-07-02T12:26:20","date_gmt":"2017-07-02T10:26:20","guid":{"rendered":"http:\/\/blog.via-internet.de\/?p=569"},"modified":"2017-07-02T12:26:20","modified_gmt":"2017-07-02T10:26:20","slug":"ionic-app-from-scratch-linkes-und-rechtes-menu","status":"publish","type":"post","link":"https:\/\/via-internet.de\/blog\/2017\/07\/02\/ionic-app-from-scratch-linkes-und-rechtes-menu\/","title":{"rendered":"Ionic | App from Scratch | Linkes und Rechtes Menu"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Definieren der beiden Seitenmen\u00fcs in app.html<\/h3>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;ion-menu [content]=\"contentLeft\"&gt; ....&lt;\/ion-menu&gt;\n&lt;ion-menu side=\"right\" [content]=\"contentRight\"&gt;....&lt;\/ion-menu&gt;\n ....\n\n &lt;ion-nav [root]=\"rootPage\" #contentLeft #contentRight swipeBackEnabled=\"false\"&gt;&lt;\/ion-nav&gt;<\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;ion-menu [content]=\"contentLeft\"> \n\t....\n&lt;\/ion-menu> \n&lt;ion-menu side=\"right\" [content]=\"contentRight\">\n\t....\n&lt;\/ion-menu> \n.... \n&lt;ion-nav [root]=\"rootPage\" \n\t#contentLeft \n\t#contentRight \n\tswipeBackEnabled=\"false\">\n&lt;\/ion-nav><\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Zwei Schaltfl\u00e4chen hinzuf\u00fcgen<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;ion-header>\n   &lt;ion-navbar>\n      &lt;button ion-button start menuToggle>\n         &lt;ion-icon name=\"menu\">&lt;\/ion-icon>\n      &lt;\/button>\n      &lt;ion-title>Demo of two Sidemenus&lt;\/ion-title>\n      &lt;button ion-button end menuToggle=\"right\">\n         &lt;ion-iconname=\"menu\">&lt;\/ion-icon>\n      &lt;\/button>\n   &lt;\/ion-navbar>\n&lt;\/ion-header>\n&lt;ion-content padding>\n&lt;\/ion-content><\/code><\/pre>\n\n\n\n<div class=\"wp-block-advanced-gutenberg-blocks-code wp-block-advanced-gutenberg-blocks-notice--undefined\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Ergebnis<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"60\" src=\"http:\/\/blog.via-internet.de\/wp-content\/uploads\/2017\/07\/Bildschirmfoto-2017-07-02-um-11.47.14-300x60.png\" alt=\"\" class=\"wp-image-562\" srcset=\"https:\/\/via-internet.de\/blog\/wp-content\/uploads\/2017\/07\/Bildschirmfoto-2017-07-02-um-11.47.14-300x60.png 300w, https:\/\/via-internet.de\/blog\/wp-content\/uploads\/2017\/07\/Bildschirmfoto-2017-07-02-um-11.47.14-1024x205.png 1024w, https:\/\/via-internet.de\/blog\/wp-content\/uploads\/2017\/07\/Bildschirmfoto-2017-07-02-um-11.47.14-768x154.png 768w, https:\/\/via-internet.de\/blog\/wp-content\/uploads\/2017\/07\/Bildschirmfoto-2017-07-02-um-11.47.14.png 1100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Github Repository<\/h3>\n\n\n\n<div class=\"wp-block-advanced-gutenberg-blocks-code wp-block-advanced-gutenberg-blocks-notice--undefined\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/ionic-toolbox\/app_from_scratch_with_sidemenu_left_and_right\">Hier<\/a>&nbsp;liegt der Beispielcode.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Definieren der beiden Seitenmen\u00fcs in app.html Zwei Schaltfl\u00e4chen hinzuf\u00fcgen Ergebnis Github Repository Hier&nbsp;liegt der Beispielcode.<\/p>\n","protected":false},"author":1,"featured_media":241,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-569","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allgemein"],"jetpack_featured_media_url":"https:\/\/via-internet.de\/blog\/wp-content\/uploads\/2016\/11\/Bildschirmfoto-2016-11-28-um-06.12.34-e1481363320900.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts\/569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/comments?post=569"}],"version-history":[{"count":0,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts\/569\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/media\/241"}],"wp:attachment":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/media?parent=569"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/categories?post=569"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/tags?post=569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}