我正在我的构造函数中注入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
我正在使用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) 假设,我有一组不同的时间字符串.
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)
我正在使用 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) 我正在用角度开发Ionic 4应用程序。但是,我一直坚持如何更改默认的“应用程序图标”和“启动屏幕”。我已经浏览过Ionic 4文档(https://ionicframework.com/docs/native/splash-screen#usage),但是找不到任何合适的解决方案。在StakOverflow中,我找到了Lottie Splash Screen,这是一种解决方案,但与Ionic默认Splash屏幕的工作方式不同。因此,您对如何解决此问题有任何建议吗?
预期输出:字符串中的01-2019或02-2019.
我在Angular .ts文件中需要这个.不在HTML视图文件中.