Skip to main content

Posts

Showing posts with the label Installing Ionic Framework

What Is Slides in Angular 4 and Ionic 3? How does Work?

The Slides component is a multi-section container and each one section can be dragged or swiped between and it also contains any number of Slides as per your applications requirements. You can use a template to create slides and slide events in the slides container i.e. /// Basic slides - Angular 4 and Ionic 3   < ion-slides pager >     < ion-slide style = "background-color: green" >       < h2 > Slide 1 </ h2 >     </ ion-slide >       < ion-slide style = "background-color: aquamarine;" >       < h2 > Slide 2 </ h2 >     </ ion-slide >       < ion-slide style = "background-color:blueviolet;" >       < h2 > Slide 3 </ h2 >     </ ion-slide > </ ion-slides > Example steps – //Slides....

Generating New Pages in Angular 4 Apps using Ionic 3 CLI!

Generating New Pages in Angular 4 Apps using Ionic 3 CLI and Manually Let’s start adding new pages. The ionic generate command is used to create new structure and files automatically. We can also create new structure and files manually as per our requirements. Syntax  - ionic generate [<type>] [<name>] Generated Command - The given name is normalized into an appropriate naming convention. The given name is normalized into an appropriate naming convention. Ionic generate page login creates a page by the name of login-page and the directory- src/pages/login/ The entire generated files are looks like - -          html -          ts -          scss Stayed Informed - Angular 4 Documents and Ionic 3 CLI Angular 4 See the below screen for Login, Register and Users - For example , you can see the above ge...