https://github.com/alfredoperez/ngx-datacontext
Data context service for Angular applications to easily create data services and link them to entities.
https://github.com/alfredoperez/ngx-datacontext
angular angularfire2 datacontext entity firebase repository-pattern
Last synced: 5 months ago
JSON representation
Data context service for Angular applications to easily create data services and link them to entities.
- Host: GitHub
- URL: https://github.com/alfredoperez/ngx-datacontext
- Owner: alfredoperez
- License: mit
- Created: 2017-08-24T01:05:27.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-12-18T10:56:35.000Z (over 7 years ago)
- Last Synced: 2025-10-19T16:44:41.571Z (8 months ago)
- Topics: angular, angularfire2, datacontext, entity, firebase, repository-pattern
- Language: TypeScript
- Homepage: https://alfredoperez.github.io/ngx-datacontext/
- Size: 4.62 MB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-datacontext - Data context service for Angular applications to easily create data services and link them to entities.
[](https://badge.fury.io/js/ngx-datacontext),
[](https://travis-ci.org/alfredoperez/ngx-datacontext)
[](https://coveralls.io/github/alfredoperez/ngx-datacontext?branch=master)
[](https://david-dm.org/alfredoperez/ngx-datacontext)
[](https://david-dm.org/alfredoperez/ngx-datacontext#info=devDependencies)
[](https://greenkeeper.io/)
## Demo
View all the directives in action at https://alfredoperez.github.io/ngx-datacontext
## Dependencies
* [Angular](https://angular.io) (*requires* Angular 2 or higher, tested with 2.0.0)
## Installation
Install above dependencies via *npm*.
Now install `ngx-datacontext` via:
```shell
npm install --save ngx-datacontext
```
---
##### SystemJS
>**Note**:If you are using `SystemJS`, you should adjust your configuration to point to the UMD bundle.
In your systemjs config file, `map` needs to tell the System loader where to look for `ngx-datacontext`:
```js
map: {
'ngx-datacontext': 'node_modules/ngx-datacontext/bundles/ngx-datacontext.umd.js',
}
```
---
Once installed you need to import the main module:
```js
import { NgxDatacontextModule } from 'ngx-datacontext';
```
The only remaining part is to list the imported module in your application module. The exact method will be slightly
different for the root (top-level) module for which you should end up with the code similar to (notice ` NgxDatacontextModule .forRoot()`):
```js
import { NgxDatacontextModule } from 'ngx-datacontext';
@NgModule({
declarations: [ AppComponent, ... ],
imports: [NgxDatacontextModule.forRoot(), ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
```
Other modules in your application can simply import ` NgxDatacontextModule `:
```js
import { NgxDatacontextModule } from 'ngx-datacontext';
@NgModule({
declarations: [OtherComponent, ...],
imports: [NgxDatacontextModule, ...],
})
export class OtherModule {
}
```
## Usage
## License
Copyright (c) 2017 Alfredo Perez. Licensed under the MIT License (MIT)