小编Abh*_*bhi的帖子

NavController在Ionic 4中不起作用

我正在我的构造函数中注入NavController,因为我想推送一个页面.但是,下面的代码在Ionic 4中不起作用.在Ionic 3中完全没问题.

构造函数

constructor(public menuCtrl: MenuController, public navCtrl: NavController) {
    this.menuCtrl.enable(true);
   }
Run Code Online (Sandbox Code Playgroud)

方法

goToSecondPage()
  {
    this.navCtrl.push(list);
  }
Run Code Online (Sandbox Code Playgroud)

错误

mobile-application hybrid-mobile-app ionic-framework angular ionic4

25
推荐指数
3
解决办法
4万
查看次数

如何在Ionic 4中禁用侧面菜单?

我正在使用this.menuCtrl.swipeEnable(false);ionic 3应用程序。这对于禁用侧边菜单很好用。但是,它不适用于离子4!以下是我的ionic 4代码示例:

login.page.ts

constructor(public loginService: LoginService, private router: Router, public menuCtrl: MenuController) {
    this.menuCtrl.swipeEnable(false);
   }
Run Code Online (Sandbox Code Playgroud)

app.component.html

<ion-app>
  <ion-split-pane>
    <ion-menu type="push">
      <ion-header>
        <ion-toolbar color="success">
          <ion-title>Menu</ion-title>
        </ion-toolbar>
      </ion-header>
      <ion-content>
        <ion-list>
          <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages">
            <ion-item [routerDirection]="'root'" [routerLink]="[p.url]">
              <ion-icon slot="start" [name]="p.icon"></ion-icon>
              <ion-label>
                {{p.title}}
              </ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
      </ion-content>
    </ion-menu>
    <ion-router-outlet main></ion-router-outlet>
  </ion-split-pane>
</ion-app>
Run Code Online (Sandbox Code Playgroud)

hybrid-mobile-app ionic-framework ionic3 angular ionic4

5
推荐指数
1
解决办法
7047
查看次数

如何将数组中的时间字符串相加?

假设,我有一组不同的时间字符串.

let a: any = ["7:20", "5:50", "6:30"];
Run Code Online (Sandbox Code Playgroud)

我想总结一下这些HH:mm时间字符串.我正在使用Ionic 4(Angular)构建一个应用程序.我已经使用了momentjs.但是,遗憾的是我找不到任何解决方案.

更新: 预期结果: 7 : 20 + 5:50 + 6:30 = 19:40(HH:33)

javascript ionic-framework angular

5
推荐指数
1
解决办法
309
查看次数

如何在 Ionic 4 应用程序中验证 ion-datetime 标签?

我正在使用 Angular 7 构建 Ionic 4 应用程序。为什么required在ion-datetime标签中不起作用?下面是我的代码:

<ion-item>
        <ion-label>In Time</ion-label>
        <ion-datetime displayFormat="HH:mm" [(ngModel)]="todo.myInTime" required></ion-datetime>
    </ion-item>
    <ion-item>
        <ion-label>Out Time</ion-label>
        <ion-datetime displayFormat="HH:mm" [(ngModel)]="todo.myOutTime" required></ion-datetime>
    </ion-item>
 <ion-button expand="full" (click)="saveTodo()">Save</ion-button>
Run Code Online (Sandbox Code Playgroud)

更新

我正在添加我的 Component.ts 文件。

async saveTodo(){
    const loading = await this.loadingController.create({
      message: 'Saving.. Please Wait!'
    });

    await loading.present();

    if(this.todoId)
    {
      this.todoService.updateTodo(this.todo, this.todoId).then(() => {
        loading.dismiss();
        this.nav.goBack();
      })

    }else{
      this.todoService.addTodo(this.todo).then(() => {
        loading.dismiss();
        // this.nav.navigateBack('home');
        this.router.navigate(['/home']);
      })
    }
  }
Run Code Online (Sandbox Code Playgroud)

javascript ionic-framework angular

5
推荐指数
1
解决办法
1800
查看次数

如何在Ionic 4应用程序中更改默认的应用程序图标和启动屏幕?

我正在用角度开发Ionic 4应用程序。但是,我一直坚持如何更改默认的“应用程序图标”和“启动屏幕”。我已经浏览过Ionic 4文档(https://ionicframework.com/docs/native/splash-screen#usage),但是找不到任何合适的解决方案。在StakOverflow中,我找到了Lottie Splash Screen,这是一种解决方案,但与Ionic默认Splash屏幕的工作方式不同。因此,您对如何解决此问题有任何建议吗?

javascript hybrid-mobile-app ionic-framework angular ionic4

5
推荐指数
1
解决办法
3845
查看次数

如何在Angular中以字符串格式获取当前月份和年份?

预期输出:字符串中的01-201902-2019.

我在Angular .ts文件中需要这个.不在HTML视图文件中.

javascript ionic-framework angular

-1
推荐指数
3
解决办法
3711
查看次数