小编Din*_*rma的帖子

如何在Ionic 4中刷新页面

我想在成功删除数据后刷新页面。当我删除或更新时,我必须刷新页面,然后刷新数据。如何在Ionic 4中使用navController请帮助我...

book-list.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Book List
    </ion-title>
    <ion-buttons slot="end">
      <ion-button routerLink="/user-detail">
        <ion-icon name="add-circle"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-card>


    <ion-card-content>
      <ion-card-subtitle>Books:</ion-card-subtitle>

      <ion-list *ngFor="let book of books">
          <ion-item>
            <ion-label text-wrap>
                <ion-text>
                    <p>Title: {{book.title}}</p>
                </ion-text>
                <ion-text>
                    <p>Description: {{book.description}}</p>
                </ion-text>
              </ion-label>
              <ion-button [routerLink]="['/edit-book/',book.id]" (click)="editBook(book.id)">
                <ion-icon name="create" slot="end"></ion-icon>
              </ion-button>
              <ion-button color="danger" (click)="delete(book.id)">
                  <ion-icon name="trash" slot="end"></ion-icon>
              </ion-button>

          </ion-item>
        </ion-list>
    </ion-card-content>
  </ion-card>
</ion-content>
Run Code Online (Sandbox Code Playgroud)

book-list.page.ts

import { Component, OnInit } from '@angular/core';
import { Book } from '../book';
import { …
Run Code Online (Sandbox Code Playgroud)

angular ionic4

4
推荐指数
1
解决办法
9109
查看次数

如何在ionic-4中设置默认登录页面和登录后打开标签

我正在创建 ionic tabs 项目,我想在默认登录页面中设置然后在打开 tabs 之后。我设置在默认登录页面,但登录后我没有在 ionic 4 中找到标签。请帮助我如何解决这个问题....?

tabs.router.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { TabsPage } from './tabs.page';

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'tab1',
        children: [
          {
            path: '',
            loadChildren: '../tab1/tab1.module#Tab1PageModule'
          }
        ]
      },
      {
        path: 'tab2',
        children: [
          {
            path: '',
            loadChildren: '../tab2/tab2.module#Tab2PageModule'
          }
        ]
      },
      {
        path: 'tab3',
        children: [
          {
            path: '',
            loadChildren: '../tab3/tab3.module#Tab3PageModule'
          }
        ]
      }, …
Run Code Online (Sandbox Code Playgroud)

angular ionic4

4
推荐指数
1
解决办法
3702
查看次数

标签 统计

angular ×2

ionic4 ×2