https://github.com/jonasmedeiros/ng-sticky
Angular 4 sticky, have header or any component sticky easy to use.
https://github.com/jonasmedeiros/ng-sticky
angular angular-cli angular2 angular4 sticky sticky-elements sticky-headers stickyheader
Last synced: 7 months ago
JSON representation
Angular 4 sticky, have header or any component sticky easy to use.
- Host: GitHub
- URL: https://github.com/jonasmedeiros/ng-sticky
- Owner: jonasmedeiros
- Created: 2017-06-11T00:38:25.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2018-04-10T14:12:50.000Z (about 8 years ago)
- Last Synced: 2025-08-20T05:05:52.149Z (10 months ago)
- Topics: angular, angular-cli, angular2, angular4, sticky, sticky-elements, sticky-headers, stickyheader
- Language: JavaScript
- Homepage:
- Size: 1.11 MB
- Stars: 25
- Watchers: 4
- Forks: 6
- Open Issues: 10
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# ng-sticky
Angular 4 Directive
## Check demo plunker
[Demo](https://embed.plnkr.co/zb2igm0xicoeKD9yzwhD/)
## Installation
To install this library, run:
```bash
$ npm install ng-sticky --save
```
## Consuming the library
Import library in any Angular 4 application by running:
```bash
$ npm install ng-sticky
```
and then from your Angular `AppModule`:
```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
// Import NgStickyDirective
import { NgStickyDirective } from 'ng-sticky';
@NgModule({
declarations: [
AppComponent,
NgStickyDirective
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
Once the library is imported, you can use the directive:
```xml
menu
```
## Development
To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:
```bash
$ npm run build
```
To lint all `*.ts` files:
```bash
$ npm run lint
```
## License
MIT © [Jonas Medeiros](mailto:jonas.g.medeiros@gmail.com)