Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 25 additions & 13 deletions packages/angular/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,36 +21,48 @@ Ionic Angular specific building blocks on top of [@ionic/core](https://www.npmjs
## Testing ng-add in ionic

1. Pull the latest from `main`
2. Build ionic/angular: `npm run build`
3. Run `npm link` from `ionic/angular/dist` directory
4. Create a blank angular project
2. Install dependencies and build `core` package:

```
ng new add-test
// Say yes to including the router, we need it
cd add-test
$ cd core
$ npm install
$ npm run build
```

5. To run schematics locally, we need the schematics-cli (once published, this will not be needed)
3. Install dependencies and build Angular package:

```
npm install @angular-devkit/schematics-cli
$ cd ../packages/angular
$ npm install
$ npm run build
```

6. Link `@ionic/angular`

4. Link Angular package from `dist` folder
```
npm link @ionic/angular
$ cd dist
$ npm link
```

5. Create a blank angular project

```
$ ng new add-test
$ cd add-test
```

7. Run the local copy of the ng-add schematic
6. Link the local ionic/angular package to the add-test app

```
$ npx schematics @ionic/angular:ng-add
$ npm link @ionic/angular
```


8. Run the local copy of the ng-add schematic

```
$ ng add @ionic/angular
```

You'll now be able to add ionic components to a vanilla Angular app setup.

## Project Structure
Expand Down
Loading