Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saikrishnatej23/partialview
A Partial view Similiar to BootstrapModal
https://github.com/saikrishnatej23/partialview
angular2 angular4 angularcli boostrap4 modal modal-dialogs
Last synced: 3 days ago
JSON representation
A Partial view Similiar to BootstrapModal
- Host: GitHub
- URL: https://github.com/saikrishnatej23/partialview
- Owner: SaiKrishnaTej23
- Created: 2017-09-05T15:45:36.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-05T17:50:20.000Z (about 7 years ago)
- Last Synced: 2024-04-28T03:18:47.320Z (5 months ago)
- Topics: angular2, angular4, angularcli, boostrap4, modal, modal-dialogs
- Language: TypeScript
- Homepage:
- Size: 22.5 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PartialView
This project was created with an intention to create a popup Modal similiar to bootstrap 4 using [Angular CLI](https://github.com/angular/angular-cli) version 1.2.1.
## 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.
## Using Partial View
`Include the 'PartialViewModule' in 'AppModule'`
To launch the partial view from a component
```
Import { PartialViewService } from 'partialView'constructor(
private _partialViewService: PartialViewService
){}open() {
this._partialViewService.open(ComponentToBeViewedInPartialView);
}
```
## 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.
## 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/).
Before running the tests make sure you are serving the app via `ng serve`.## 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).