https://github.com/abritopach/angular-ionic-master-detail

This project show how to implement a Master Detail Pattern in Ionic 4 with Angular Routing.
https://github.com/abritopach/angular-ionic-master-detail

angular angular-route angular-routing capacitor ionic ionic-capacitor ionic4

Last synced: 9 days ago
JSON representation

This project show how to implement a Master Detail Pattern in Ionic 4 with Angular Routing.

• Host: GitHub
• URL: https://github.com/abritopach/angular-ionic-master-detail
• Owner: abritopach
• License: mit
• Created: 2018-04-15T13:13:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T02:20:29.000Z (almost 2 years ago)
• Last Synced: 2024-10-14T21:27:17.556Z (23 days ago)
• Topics: angular, angular-route, angular-routing, capacitor, ionic, ionic-capacitor, ionic4
• Language: JavaScript
• Homepage:
• Size: 68.5 MB
• Stars: 13
• Watchers: 3
• Forks: 10
• Open Issues: 28
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AngularIonicMasterDetail

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.

This project show how to implement a Master Detail Pattern in Ionic 4 with Angular Routing.

Technologies: Angular, Ionic.

![Technologies](readme_resources/technologies.png "Technologies")

## Example

![App](readme_resources/app.gif "App")

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Capacitor: Add Platforms

``` bash

    npx cap add ios

    npx cap add android

```

## Capacitor: Syncing your app

Every time you perform a build (e.g. npm run build) that changes your web directory (default: www), you'll need to copy those changes down to your native projects:

``` bash

    npx cap copy

```

## Capacitor: Open IDE to build

``` bash

    npx cap open ios

    npx cap open android

```

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).