Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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).