blocks|key|82563|text|试一试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|82564|this.menuCtrl.enable(false);|code-block|syntax|javascript|82565|这里似乎也回答了这个问题，disable+menu+on+login+page+ionic+4|offset|length|82566|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/51610075/disable-menu-on-login-page-ionic-4/51646720^0|0|0|D|Y|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Try

<pre><code>this.menuCtrl.enable(false);
</code></pre>

This also seems to be answered here <a href="https://stackoverflow.com/questions/51610075/disable-menu-on-login-page-ionic-4/51646720">disable menu on login page ionic 4</a>

blocks|key|82540|text|this.menuCtrl.enable(false);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|82541|这在构造函数中也是有效的。我在一个ionic+v4+-+beta.2项目中使用了它，它工作得很好。|unstyled|82542|另外，我看到你正在使用ionic和angular，所以你也可以使用OnInit生命周期钩子。|offset|length|style|CODE|82543|entityMap^0|0|0|B|5|H|7|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>this.menuCtrl.enable(false);
</code></pre>

This will also work in constructor. I am using this in an ionic v4 - beta.2 project and it works fine.

Also, I see that you are using <code>ionic</code> with <code>angular</code> so you can also OnInit lifecycle hook.

blocks|key|2599887|text|首先，swipeEnable()现在是swipeGesture()。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2599888|其次，我在MenuController上遇到了类似的问题，在意识到阅读ionic+core文档之前，我的头撞在墙上的时间比我要透露的时间还要长。|2599889|我有多个侧边菜单，每个菜单都有一个唯一的id，默认情况下设置为false，必须在特定页面上启用。但是MenuController没有认出我输入的id。|2599890|脑震荡到了无意识的地步，我打开github上的ionic+core文档，了解到MenuController现在查找的是menu-+id，而不是id。所以：|2599891|<ion-menu+menu-id="myMenu">...|code-block|syntax|javascript|2599892|被抓取，例如：|2599893|this.menuCtrl.enable(true,+'myMenu')|2599894|很管用。|2599895|回想起来，新的方法和找到它的解决方案似乎都是如此显而易见。|2599896|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

First, swipeEnable() is now swipeGesture().

Second, I had a similar problem with the MenuController and banged my head against a wall for longer than I'll disclose before realising it'd be wise to read the ionic core docs.

I had multiple side menus each with a unique id, set to false by default, which had to be enabled on particular pages. But MenuController wasn't recognising the id's I was passing in.

Concussed to the point of unconsciousness, I opened the ionic core docs on github and learned that MenuController now looks for menu-id, not id. So:

<pre><code>&lt;ion-menu menu-id="myMenu"&gt;...
</code></pre>

grabbed by, for example:

<pre><code>this.menuCtrl.enable(true, 'myMenu')
</code></pre>

works.

As always in retrospect, both the new method and the solution to finding it seem so obvious.

blocks|key|82582|text|对我来说，它在ngOnInit方法中工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|82583|ngOnInit()+{+
+this.menuCtrl.enable(false);+//+or+true+
}|code-block|syntax|javascript|82584|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For me its work inside method ngOnInit

<pre><code>ngOnInit() { 
 this.menuCtrl.enable(false); // or true 
}
</code></pre>

blocks|key|2599913|text|在你的login.page.ts中试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2599914|constructor(private+navCrtl:+NavController,+private+menu:+MenuController)+{+++++++++this.menu.enable(false);+++++}|offset|length|style|CODE|2599915|entityMap^0|0|0|36|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Try this inside your login.page.ts

<code>constructor(private navCrtl: NavController, private menu: MenuController) {
 this.menu.enable(false);
 }</code>

I am using, <code>this.menuCtrl.swipeEnable(false);</code> for ionic 3 app. This works fine for disabling the side menu. But, it doesn't work for ionic 4! Below is my ionic 4 code sample:

<blockquote>
 login.page.ts
</blockquote>

<pre><code>constructor(public loginService: LoginService, private router: Router, public menuCtrl: MenuController) {
 this.menuCtrl.swipeEnable(false);
 }
</code></pre>

<blockquote>
 app.component.html
</blockquote>

<pre><code>&lt;ion-app&gt;
 &lt;ion-split-pane&gt;
 &lt;ion-menu type="push"&gt;
 &lt;ion-header&gt;
 &lt;ion-toolbar color="success"&gt;
 &lt;ion-title&gt;Menu&lt;/ion-title&gt;
 &lt;/ion-toolbar&gt;
 &lt;/ion-header&gt;
 &lt;ion-content&gt;
 &lt;ion-list&gt;
 &lt;ion-menu-toggle auto-hide="false" *ngFor="let p of appPages"&gt;
 &lt;ion-item [routerDirection]="'root'" [routerLink]="[p.url]"&gt;
 &lt;ion-icon slot="start" [name]="p.icon"&gt;&lt;/ion-icon&gt;
 &lt;ion-label&gt;
 {{p.title}}
 &lt;/ion-label&gt;
 &lt;/ion-item&gt;
 &lt;/ion-menu-toggle&gt;
 &lt;/ion-list&gt;
 &lt;/ion-content&gt;
 &lt;/ion-menu&gt;
 &lt;ion-router-outlet main&gt;&lt;/ion-router-outlet&gt;
 &lt;/ion-split-pane&gt;
&lt;/ion-app&gt;
</code></pre>

How to disable side menu in ionic 4?

我正在为ionic 3应用程序使用，this.menuCtrl.swipeEnable(false);。这可以很好地禁用侧边菜单。但是，它不适用于ionic 4！以下是我的ionic 4代码示例： login.page.tsconstructor(public loginService: LoginService, p...

问如何在ionic 4中禁用侧边菜单？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ionic 4中禁用侧边菜单？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ionic 4中禁用侧边菜单？
EN