René's URL Explorer Experiment


Title: Ionic Angular Quickstart Using Ionic CLI: Angular Basics

Open Graph Title: Ionic Angular Quickstart | Ionic Framework

Description: Ionic Angular Quickstart covers the basics of Angular and Ionic, including any Ionic-specific features. Learn how to build Angular apps using the Ionic CLI.

Open Graph Description: Ionic Angular Quickstart Using Ionic CLI: Angular Basics

Opengraph URL: https://ionicframework.com/docs/angular/quickstart

X: @ionicframework

Generator: Docusaurus v3.7.0

direct link

Domain: staging.ionicframework.com

og:localeen
og:locale:alternateja
docusaurus_localeen
docsearch:languageen
og:imagehttps://ionicframework.com/docs/img/meta/open-graph.png
twitter:imagehttps://ionicframework.com/docs/img/meta/open-graph.png
twitter:cardsummary_large_image
twitter:domainionicframework.com
twitter:creatorionicframework
fb:page_id1321836767955949
og:typewebsite
og:site_nameIonic Framework Docs
docusaurus_versioncurrent
docusaurus_tagdocs-default-current
docsearch:versioncurrent
docsearch:docusaurus_tagdocs-default-current

Links:

Skip to main contenthttps://staging.ionicframework.com/docs/angular/quickstart#__docusaurus_skipToContent_fallback
An OutSystems Company →https://www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none
https://staging.ionicframework.com/docs/
https://staging.ionicframework.com/docs/
Getting Startedhttps://staging.ionicframework.com/docs/
Overviewhttps://staging.ionicframework.com/docs/
Environment Setuphttps://staging.ionicframework.com/docs/intro/environment
CLI Installationhttps://staging.ionicframework.com/docs/intro/cli
Packages & CDNhttps://staging.ionicframework.com/docs/intro/cdn
VS Code Extensionhttps://staging.ionicframework.com/docs/intro/vscode-extension
Next Stepshttps://staging.ionicframework.com/docs/intro/next
Upgrade Guideshttps://staging.ionicframework.com/docs/updating/8-0
Updating to v8https://staging.ionicframework.com/docs/updating/8-0
Updating to v7https://staging.ionicframework.com/docs/updating/7-0
Updating to v6https://staging.ionicframework.com/docs/updating/6-0
Updating to v5https://staging.ionicframework.com/docs/updating/5-0
Updating to v4https://staging.ionicframework.com/docs/updating/4-0
Developinghttps://staging.ionicframework.com/docs/developing/starting
Startinghttps://staging.ionicframework.com/docs/developing/starting
Previewinghttps://staging.ionicframework.com/docs/developing/previewing
Scaffoldinghttps://staging.ionicframework.com/docs/developing/scaffolding
Developing for iOShttps://staging.ionicframework.com/docs/developing/ios
Developing for Androidhttps://staging.ionicframework.com/docs/developing/android
Development Tipshttps://staging.ionicframework.com/docs/developing/tips
Hardware Back Buttonhttps://staging.ionicframework.com/docs/developing/hardware-back-button
Keyboardhttps://staging.ionicframework.com/docs/developing/keyboard
Confighttps://staging.ionicframework.com/docs/developing/config
Managing Focushttps://staging.ionicframework.com/docs/developing/managing-focus
Layouthttps://staging.ionicframework.com/docs/layout/structure
Structurehttps://staging.ionicframework.com/docs/layout/structure
Responsive Gridhttps://staging.ionicframework.com/docs/api/grid
Global Stylesheetshttps://staging.ionicframework.com/docs/layout/global-stylesheets
CSS Utilitieshttps://staging.ionicframework.com/docs/layout/css-utilities
Dynamic Font Scalinghttps://staging.ionicframework.com/docs/layout/dynamic-font-scaling
Theminghttps://staging.ionicframework.com/docs/theming/basics
Basicshttps://staging.ionicframework.com/docs/theming/basics
Platform Styleshttps://staging.ionicframework.com/docs/theming/platform-styles
CSS Variableshttps://staging.ionicframework.com/docs/theming/css-variables
CSS Shadow Partshttps://staging.ionicframework.com/docs/theming/css-shadow-parts
Colorshttps://staging.ionicframework.com/docs/theming/colors
Themeshttps://staging.ionicframework.com/docs/theming/themes
Dark Modehttps://staging.ionicframework.com/docs/theming/dark-mode
High Contrast Modehttps://staging.ionicframework.com/docs/theming/high-contrast-mode
Advancedhttps://staging.ionicframework.com/docs/theming/advanced
Color Generatorhttps://staging.ionicframework.com/docs/theming/color-generator
Angularhttps://staging.ionicframework.com/docs/angular/overview
Overviewhttps://staging.ionicframework.com/docs/angular/overview
Quickstarthttps://staging.ionicframework.com/docs/angular/quickstart
Build Your First Apphttps://staging.ionicframework.com/docs/angular/your-first-app
Add to Existinghttps://staging.ionicframework.com/docs/angular/add-to-existing
Build Optionshttps://staging.ionicframework.com/docs/angular/build-options
Lifecyclehttps://staging.ionicframework.com/docs/angular/lifecycle
Navigation/Routinghttps://staging.ionicframework.com/docs/angular/navigation
Overlayshttps://staging.ionicframework.com/docs/angular/overlays
Injection Tokenshttps://staging.ionicframework.com/docs/angular/injection-tokens
Virtual Scrollhttps://staging.ionicframework.com/docs/angular/virtual-scroll
Migrating from ion-slides to Swiper.jshttps://staging.ionicframework.com/docs/angular/slides
Platformhttps://staging.ionicframework.com/docs/angular/platform
Testinghttps://staging.ionicframework.com/docs/angular/testing
Storagehttps://staging.ionicframework.com/docs/angular/storage
Performancehttps://staging.ionicframework.com/docs/angular/performance
Progressive Web Appshttps://staging.ionicframework.com/docs/angular/pwa
JavaScripthttps://staging.ionicframework.com/docs/javascript/overview
Overviewhttps://staging.ionicframework.com/docs/javascript/overview
Quickstarthttps://staging.ionicframework.com/docs/javascript/quickstart
Reacthttps://staging.ionicframework.com/docs/react/overview
Overviewhttps://staging.ionicframework.com/docs/react/overview
Quickstarthttps://staging.ionicframework.com/docs/react/quickstart
Build Your First Apphttps://staging.ionicframework.com/docs/react/your-first-app
Add to Existinghttps://staging.ionicframework.com/docs/react/add-to-existing
Lifecyclehttps://staging.ionicframework.com/docs/react/lifecycle
Navigation/Routinghttps://staging.ionicframework.com/docs/react/navigation
Virtual Scrollhttps://staging.ionicframework.com/docs/react/virtual-scroll
Migrating From IonSlides to Swiper.jshttps://staging.ionicframework.com/docs/react/slides
Platformhttps://staging.ionicframework.com/docs/react/platform
Progressive Web Appshttps://staging.ionicframework.com/docs/react/pwa
Overlayshttps://staging.ionicframework.com/docs/react/overlays
Storagehttps://staging.ionicframework.com/docs/react/storage
Testinghttps://staging.ionicframework.com/docs/react/testing/introduction
Performancehttps://staging.ionicframework.com/docs/react/performance
Vuehttps://staging.ionicframework.com/docs/vue/overview
Overviewhttps://staging.ionicframework.com/docs/vue/overview
Quickstarthttps://staging.ionicframework.com/docs/vue/quickstart
Build Your First Apphttps://staging.ionicframework.com/docs/vue/your-first-app
Add to Existinghttps://staging.ionicframework.com/docs/vue/add-to-existing
Build Optionshttps://staging.ionicframework.com/docs/vue/build-options
Lifecyclehttps://staging.ionicframework.com/docs/vue/lifecycle
Navigation/Routinghttps://staging.ionicframework.com/docs/vue/navigation
Virtual Scrollhttps://staging.ionicframework.com/docs/vue/virtual-scroll
Migrating From ion-slides to Swiper.jshttps://staging.ionicframework.com/docs/vue/slides
Utility Functionshttps://staging.ionicframework.com/docs/vue/utility-functions
Platformhttps://staging.ionicframework.com/docs/vue/platform
Progressive Web Appshttps://staging.ionicframework.com/docs/vue/pwa
Storagehttps://staging.ionicframework.com/docs/vue/storage
Troubleshootinghttps://staging.ionicframework.com/docs/vue/troubleshooting
Performancehttps://staging.ionicframework.com/docs/vue/performance
Utilitieshttps://staging.ionicframework.com/docs/utilities/animations
Animationshttps://staging.ionicframework.com/docs/utilities/animations
Gestureshttps://staging.ionicframework.com/docs/utilities/gestures
Deploymenthttps://staging.ionicframework.com/docs/deployment/app-store
iOS App Storehttps://staging.ionicframework.com/docs/deployment/app-store
Android Play Storehttps://staging.ionicframework.com/docs/deployment/play-store
Progressive Web App (PWA)https://staging.ionicframework.com/docs/deployment/progressive-web-app
Techniqueshttps://staging.ionicframework.com/docs/techniques/security
Securityhttps://staging.ionicframework.com/docs/techniques/security
Troubleshootinghttps://staging.ionicframework.com/docs/troubleshooting/debugging
Debugginghttps://staging.ionicframework.com/docs/troubleshooting/debugging
Build Errorshttps://staging.ionicframework.com/docs/troubleshooting/build
Runtime Issueshttps://staging.ionicframework.com/docs/troubleshooting/runtime
Native Errorshttps://staging.ionicframework.com/docs/troubleshooting/native
CORS Errorshttps://staging.ionicframework.com/docs/troubleshooting/cors
Core Conceptshttps://staging.ionicframework.com/docs/core-concepts/fundamentals
Fundamentalshttps://staging.ionicframework.com/docs/core-concepts/fundamentals
Cross Platformhttps://staging.ionicframework.com/docs/core-concepts/cross-platform
Web Viewhttps://staging.ionicframework.com/docs/core-concepts/webview
What are PWAs?https://staging.ionicframework.com/docs/core-concepts/what-are-progressive-web-apps
Contributinghttps://staging.ionicframework.com/docs/contributing/how-to-contribute
How to Contributehttps://staging.ionicframework.com/docs/contributing/how-to-contribute
Code of Conducthttps://staging.ionicframework.com/docs/contributing/coc
Referencehttps://staging.ionicframework.com/docs/reference/glossary
Glossaryhttps://staging.ionicframework.com/docs/reference/glossary
Versioninghttps://staging.ionicframework.com/docs/reference/versioning
Release Noteshttps://staging.ionicframework.com/docs/reference/release-notes
GitHub Changeloghttps://github.com/ionic-team/ionic/blob/master/CHANGELOG.md
Support Policyhttps://staging.ionicframework.com/docs/reference/support
Browser Supporthttps://staging.ionicframework.com/docs/reference/browser-support
https://staging.ionicframework.com/docs/
Guidehttps://staging.ionicframework.com/docs/
Componentshttps://staging.ionicframework.com/docs/components
CLIhttps://staging.ionicframework.com/docs/cli
Nativehttps://staging.ionicframework.com/docs/native
Ionic v8.0.0 Upgrade Guidehttps://staging.ionicframework.com/docs/updating/8-0
v8https://staging.ionicframework.com/docs/angular/quickstart
v8https://staging.ionicframework.com/docs/angular/quickstart
v7https://staging.ionicframework.com/docs/v7/angular/quickstart
v6https://ionic-docs-lq0if04rc-ionic1.vercel.app/docs/v6
v5https://ionic-docs-5utg8ms4c-ionic1.vercel.app/docs/v5
v4https://ionicframework.com/docs/v4/components
v3https://ionicframework.com/docs/v3/
Communityhttps://staging.ionicframework.com/docs/angular/quickstart
Community Hubhttps://ionicframework.com/community
Forumhttps://forum.ionicframework.com/
Meetupshttps://www.meetup.com/topics/ionic-framework/
Bloghttps://blog.ionicframework.com/
Twitterhttps://twitter.com/ionicframework
Supporthttps://staging.ionicframework.com/docs/angular/quickstart
Help Centerhttps://ionicframework.com/support
Customer Supporthttps://ionic.zendesk.com/
Enterprise Advisoryhttps://ionicframework.com/advisory
Englishhttps://staging.ionicframework.com/docs/angular/quickstart
Englishhttps://staging.ionicframework.com/docs/angular/quickstart
日本語https://staging.ionicframework.com/docs/ja/angular/quickstart
Translatehttps://ionicframework.com/translate
https://twitter.com/Ionicframework
https://ionic.link/discord
https://github.com/ionic-team/ionic-framework
Ionic Angular Overviewhttps://staging.ionicframework.com/docs/angular/overview
​https://staging.ionicframework.com/docs/angular/quickstart#prerequisites
download Node.js herehttps://nodejs.org/en/download
​https://staging.ionicframework.com/docs/angular/quickstart#create-a-project-with-the-ionic-cli
Ionic CLIhttps://staging.ionicframework.com/docs/cli
​https://staging.ionicframework.com/docs/angular/quickstart#explore-the-project-structure
​https://staging.ionicframework.com/docs/angular/quickstart#view-the-app-component
​https://staging.ionicframework.com/docs/angular/quickstart#view-routes
​https://staging.ionicframework.com/docs/angular/quickstart#view-the-home-page
collapsible large titlehttps://staging.ionicframework.com/docs/api/title#collapsible-large-titles
Headerhttps://staging.ionicframework.com/docs/api/header
Toolbarhttps://staging.ionicframework.com/docs/api/toolbar
Titlehttps://staging.ionicframework.com/docs/api/title
Contenthttps://staging.ionicframework.com/docs/api/content
​https://staging.ionicframework.com/docs/angular/quickstart#add-an-ionic-component
Buttonhttps://staging.ionicframework.com/docs/api/button
​https://staging.ionicframework.com/docs/angular/quickstart#add-a-new-page
Back Buttonhttps://staging.ionicframework.com/docs/api/back-button
Toolbarhttps://staging.ionicframework.com/docs/api/toolbar
​https://staging.ionicframework.com/docs/angular/quickstart#navigate-to-the-new-page
Angular Navigation documentationhttps://staging.ionicframework.com/docs/angular/navigation#navigating-to-different-routes
​https://staging.ionicframework.com/docs/angular/quickstart#add-icons-to-the-new-page
Ioniconshttps://ionic.io/ionicons/
Icon documentationhttps://staging.ionicframework.com/docs/api/icon
Ionicons documentationhttps://ionic.io/ionicons/
​https://staging.ionicframework.com/docs/angular/quickstart#call-component-methods
Methodshttps://staging.ionicframework.com/docs/api/content#methods
​https://staging.ionicframework.com/docs/angular/quickstart#run-on-a-device
Capacitorhttps://capacitorjs.com
Capacitor's Getting Started guidehttps://capacitorjs.com/docs/getting-started/with-ionic
​https://staging.ionicframework.com/docs/angular/quickstart#explore-more
Build Your First AppBuild a real Photo Gallery app with Ionic Angular and native device features.https://staging.ionicframework.com/docs/angular/your-first-app
Angular DocumentationLearn more about Angular's core concepts, tools, and best practices from the official Angular documentation.https://angular.dev/overview
NavigationDiscover how to handle routing and navigation in Ionic Angular apps using the Angular Router.https://staging.ionicframework.com/docs/angular/navigation
ComponentsExplore Ionic's rich library of UI components for building beautiful apps.https://staging.ionicframework.com/docs/components
ThemingLearn how to customize the look and feel of your app with Ionic's powerful theming system.https://staging.ionicframework.com/docs/theming/basics
Capacitor DocumentationExplore how to access native device features and deploy your app to iOS, Android, and the web with Capacitor.https://capacitorjs.com/docs/
Edit this pagehttps://github.com/ionic-team/ionic-docs/edit/main/docs/angular/quickstart.md
PreviousOverviewhttps://staging.ionicframework.com/docs/angular/overview
NextBuild Your First Apphttps://staging.ionicframework.com/docs/angular/your-first-app
Prerequisiteshttps://staging.ionicframework.com/docs/angular/quickstart#prerequisites
Create a Project with the Ionic CLIhttps://staging.ionicframework.com/docs/angular/quickstart#create-a-project-with-the-ionic-cli
Explore the Project Structurehttps://staging.ionicframework.com/docs/angular/quickstart#explore-the-project-structure
View the App Componenthttps://staging.ionicframework.com/docs/angular/quickstart#view-the-app-component
View Routeshttps://staging.ionicframework.com/docs/angular/quickstart#view-routes
View the Home Pagehttps://staging.ionicframework.com/docs/angular/quickstart#view-the-home-page
Add an Ionic Componenthttps://staging.ionicframework.com/docs/angular/quickstart#add-an-ionic-component
Add a New Pagehttps://staging.ionicframework.com/docs/angular/quickstart#add-a-new-page
Navigate to the New Pagehttps://staging.ionicframework.com/docs/angular/quickstart#navigate-to-the-new-page
Add Icons to the New Pagehttps://staging.ionicframework.com/docs/angular/quickstart#add-icons-to-the-new-page
Call Component Methodshttps://staging.ionicframework.com/docs/angular/quickstart#call-component-methods
Run on a Devicehttps://staging.ionicframework.com/docs/angular/quickstart#run-on-a-device
Explore Morehttps://staging.ionicframework.com/docs/angular/quickstart#explore-more
Edit this pagehttps://github.com/ionic-team/ionic-docs/edit/main/docs/angular/quickstart.md

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.