Contact Us

Comments

Post a Comment

Popular posts from this blog

How to navigate to another page in ionic | Navigation in ionic

How to navigate to another page in ionic Angular navigation plays most important role in ionic app.The Angular Router is one of the most important libraries in an Angular application. Without navigation, apps would be single view/single context apps or would not be able to maintain their navigation state on browser reloads. There are different ways to navigate from one page to another page. Initially our app-routing.module.ts file look like below. path: ' ' , load index page and redirect to home page. import { NgModule } from '@angular/core'; import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; const routes: Routes = [ { path: '', redirectTo: 'home', pathMatch: 'full' }, { path: 'home', loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)}, { path: 'slideshow', loadChildren: './slideshow/slideshow.module#SlideshowPageModule'}, @NgMod...
Read more

How create login page in ionic with round input type?

Image
How create login Page in Ionic with round input type. As we have discussed how to create a new project in previous section. Now we will see how create a new page for login with rounded input type and button.Go to the created project(myApplication) and write the command below - C:\Users\USERNAME\IonicProject\myApplication>ionic g page login(pagename) We then notice that created page in app folder has login.page.ts , login.page.html , login.page.scss and login.module.ts files. Our html page will look like below: <ion-header> <ion-toolbar> <ion-title>login</ion-title> </ion-toolbar> </ion-header> <section class="log_banner"> <div class="container"> <div class="logo-center2"> <img src="assets/images/logo.png"> </div> <div class="logo-center1"> <form> <input type="text" placeholder="Enter Email" name="email" require...
Read more