Ionic Angular specific building blocks on top of @ionic/core components.
Testing Local Ionic Framework withng add
This guide shows you how to test the local Ionic Framework build with a new Angular application using ng add
. This is useful for development and testing changes before publishing.
npm install -g @angular/cli
)Clone the repository (if not already done):
git clone https://github.com/ionic-team/ionic-framework.git cd ionic-framework
Pull the latest from main
Install dependencies and build the core
package:
cd core npm install npm run build
Install dependencies, sync the core
build and build the Angular package:
cd ../packages/angular npm install npm run sync npm run build
Create a tarball:
Copy the tarball to Downloads:
cp ionic-angular-*.tgz ~/Downloads/ionic-angular.tgz
Create a new Angular app:
# Change to whichever directory you want the app in cd ~/Documents/ ng new my-app --style=css --ssr=false --zoneless=false cd my-app
Install the local @ionic/angular
package:
npm install ~/Downloads/ionic-angular.tgz
Run ng add
:
ng add @ionic/angular --skip-confirmation
Serve the app:
The local Ionic Framework build is now active in the Angular app. Changes to the Ionic source code require rebuilding the packages and reinstalling the tarball to see updates.
common
This is where logic that is shared between lazy loaded and standalone components live. For example, the lazy loaded IonPopover and standalone IonPopover components extend from a base IonPopover implementation that exists in this directory.
Note: This directory exposes internal APIs and is only accessed in the standalone
and src
submodules. Ionic developers should never import directly from @ionic/angular/common
. Instead, they should import from @ionic/angular
or @ionic/angular/standalone
.
standalone
This is where the standalone component implementations live. It was added as a separate entry point to avoid any lazy loaded logic from accidentally being pulled in to the final build. Having a separate directory allows the lazy loaded implementation to remain accessible from @ionic/angular
for backwards compatibility.
Ionic developers can access this by importing from @ionic/angular/standalone
.
src
This is where the lazy loaded component implementations live.
Ionic developers can access this by importing from @ionic/angular
.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4