jonasmedeiros / Ng Sticky
Angular 4 sticky, have header or any component sticky easy to use.
Stars: ✭ 25
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Ng Sticky
Angular Interview Questions
Most extensive Angular interview questions based on your level.
Stars: ✭ 354 (+1316%)
Mutual labels: angular2, angular4, angular-cli
AuthGuard
Example repo for guarding routes post
Stars: ✭ 42 (+68%)
Mutual labels: angular2, angular4, angular-cli
Angular2 Crud Rest
Sample Angular (2.x and 4.x) app: CRUD example + routing
Stars: ✭ 152 (+508%)
Mutual labels: angular2, angular4, angular-cli
Ng Packaged
An Angular library packaged by ng-packagr
Stars: ✭ 109 (+336%)
Mutual labels: angular2, angular4, angular-cli
ngx-redux-ui-management-recipes
Recipes for managing the UI layout of an application using Redux in Angular
Stars: ✭ 39 (+56%)
Mutual labels: angular2, angular4, angular-cli
Paper Kit 2 Angular
Free Bootstrap 4 UI Kit for Angular 2+
Stars: ✭ 133 (+432%)
Mutual labels: angular2, angular4, angular-cli
Angular5 Seed
Angular5 Seed for Application
Stars: ✭ 222 (+788%)
Mutual labels: angular2, angular4, angular-cli
Nebular
💥 Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Stars: ✭ 7,368 (+29372%)
Mutual labels: angular2, angular4, angular-cli
ncg-crud-ngx-md
Angular 4+ Material Design CRUD/Admin app by NinjaCodeGen http://DNAfor.NET
Stars: ✭ 36 (+44%)
Mutual labels: angular2, angular4, angular-cli
Angular4-seed
Angular 4 Seed for Angular Forms
Stars: ✭ 37 (+48%)
Mutual labels: angular2, angular4, angular-cli
Angular4 Primeng Admin
angular4-primeng-admin @angular/cli开发的后台模板
Stars: ✭ 99 (+296%)
Mutual labels: angular2, angular4, angular-cli
Angular-Movies
Angular Movies | TV Shows is a simple web app that consumes The Movie DB API - Angular 13 + Material Angular
Stars: ✭ 35 (+40%)
Mutual labels: angular2, angular4, angular-cli
Coreui Free Angular Admin Template
CoreUI Angular is free Angular 2+ admin template based on Bootstrap 4
Stars: ✭ 1,279 (+5016%)
Mutual labels: angular2, angular4, angular-cli
Coreui Free Bootstrap Admin Template
CoreUI is free bootstrap admin template
Stars: ✭ 11,038 (+44052%)
Mutual labels: angular2, angular4, angular-cli
Angular4 Docker Example
Efficiently Dockerized Angular CLI example app
Stars: ✭ 212 (+748%)
Mutual labels: angular2, angular4, angular-cli
laravel5Angular4
Laravel 5.4 & Angular 4.3.4
Stars: ✭ 37 (+48%)
Mutual labels: angular2, angular4, angular-cli
ngx-smart-loader
Smart loader handler to manage loaders everywhere in Angular apps.
Stars: ✭ 28 (+12%)
Mutual labels: angular2, angular4, angular-cli
Ngx Smart Modal
Modal/Dialog component crafted for Angular
Stars: ✭ 256 (+924%)
Mutual labels: angular2, angular4, angular-cli
ng-sticky
Angular 4 Directive
Check demo plunker
Installation
To install this library, run:
$ npm install ng-sticky --save
Consuming the library
Import library in any Angular 4 application by running:
$ npm install ng-sticky
and then from your Angular AppModule
:
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:
<div ng-sticky [offSet]="0" [addClass]="'is-sticky'">
<div>menu</div>
</div>
Development
To generate all *.js
, *.d.ts
and *.metadata.json
files:
$ npm run build
To lint all *.ts
files:
$ npm run lint
License
MIT © Jonas Medeiros
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].