angular - Ionic 2 - 在登录页面禁用侧面菜单

Question

我打算在登录页面禁用侧边菜单的滑动手势。 我所做的唯一更改是导入 MenuController 并在构造函数中将 swipeEnable 设置为 false。

但是，在运行它之后，我不断收到语法错误:Unexpected token (18:47) while parsing file。

import {App, Page, NavController, Nav,NavParams, IonicApp, Storage, LocalStorage, MenuController } from 'ionic-angular';
import {httpService} from '../../services/httpService';
import {HelloIonicPage} from '../hello-ionic/hello-ionic';
import {GettingStartedPage} from '../getting-started/getting-started';
import {SettingsPage} from '../settings/settings';

@Page({
  templateUrl: 'build/pages/log-in/log-in.html',
  providers: [httpService]
})

export class LoginPage {

  static get parameters(){
     return [[NavController],[httpService],[MenuController]];
   }

   constructor(navController, httpService, menu: MenuController) {

     this.menu = menu;
     this.navController = navController;
     this.httpService = httpService;
     this.local = new Storage(LocalStorage);
     this.menu.swipeEnable(false);
   }
}

提前致谢。

Answer 1

以下在 Ionic2 v.2.2.0 上对我有用

1. 打开src/app/app.html并为您的 <ion-menu> 添加一个 ID元素

这样，

<ion-menu [content]="content">

变成这个。

<ion-menu id="myMenu" [content]="content">

1. 打开 login.html并删除 <ion-navbar>来自 <ion-header> 的代码这样菜单就不会显示在页面上。

2. 打开 login.ts并导入 MenuController来自 ionic/angular .

在构造函数中设置enable()在 MenuCtrl至 false并将菜单 ID 添加为第二个参数。即使菜单未显示，这样做也会阻止用户通过滑动来打开菜单。

示例登录.ts

import { Component } from '@angular/core';
import { NavController, MenuController } from 'ionic-angular';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {

  constructor(
    public navCtrl: NavController,
    public menuCtrl: MenuController
  ) {
    this.menuCtrl.enable(false, 'myMenu');
  }
}