All Projects β†’ lauthieb β†’ ngx-konami

lauthieb / ngx-konami

Licence: MIT license
A simple directive to add easter eggs in your Angular application πŸ‘Ύ

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to ngx-konami

Ngx Daterangepicker Material
Pure Angular 2+ date range picker with material design theme, a demo here:
Stars: ✭ 169 (+397.06%)
Mutual labels:  directive, angular4, angular5, angular6
Learn Angular From Scratch Step By Step
Angular step by step tutorial covering from basic concepts of Angular Framework to building a complete Angular app using Angular Material components. We will go through the main building blocks of an Angular 7 application as well as the best practices for building a complete app with Angular.
Stars: ✭ 140 (+311.76%)
Mutual labels:  angular4, angular5, angular6
ng-toggle
Bootstrap-styled Angular Toggle Component
Stars: ✭ 14 (-58.82%)
Mutual labels:  angular4, angular5, angular6
AuthGuard
Example repo for guarding routes post
Stars: ✭ 42 (+23.53%)
Mutual labels:  angular4, angular5, angular6
Ng Simple Slideshow
A simple, responsive slideshow for Angular 4+.
Stars: ✭ 119 (+250%)
Mutual labels:  angular4, angular5, angular6
Ng2 Idle
Responding to idle users in Angular (not AngularJS) applications.
Stars: ✭ 240 (+605.88%)
Mutual labels:  angular4, angular5, angular6
Ng Select
⭐ Native angular select component
Stars: ✭ 2,781 (+8079.41%)
Mutual labels:  angular4, angular5, angular6
Springbootangularhtml5
♨️ Spring Boot 2 + Angular 11 + HTML5 router mode + HTTP interceptor + Lazy loaded modules
Stars: ✭ 89 (+161.76%)
Mutual labels:  angular4, angular5, angular6
Sb Admin Bs4 Angular 8
Simple Dashboard Admin App built using Angular 8 and Bootstrap 4
Stars: ✭ 1,931 (+5579.41%)
Mutual labels:  angular4, angular5, angular6
ngx-print
πŸ–¨οΈ A plug n' play Angular (2++) library to print your stuff
Stars: ✭ 124 (+264.71%)
Mutual labels:  angular4, angular5, angular6
angularx-qrcode-sample-app
Angular5/6/7/8/9/10+ sample apps with working implementations of angularx-qrcode
Stars: ✭ 15 (-55.88%)
Mutual labels:  angular4, angular5, angular6
Aspnetcore Angular Universal
ASP.NET Core & Angular Universal advanced starter - PWA w/ server-side rendering for SEO, Bootstrap, i18n internationalization, TypeScript, unit testing, WebAPI REST setup, SignalR, Swagger docs, and more! By @TrilonIO
Stars: ✭ 1,455 (+4179.41%)
Mutual labels:  angular4, angular5, angular6
Angular File Uploader
Angular file uploader is an Angular 2/4/5/6/7/8/9/10 + file uploader module with Real-Time Progress Bar, Responsive design, Angular Universal Compatibility, localization and multiple themes which includes Drag and Drop and much more.
Stars: ✭ 92 (+170.59%)
Mutual labels:  angular4, angular5, angular6
spring-websocket-angular6
Example for using Spring Websocket and Angular with Stomp Messaging
Stars: ✭ 18 (-47.06%)
Mutual labels:  angular4, angular5, angular6
Ng2 Flatpickr
Angular 2+ wrapper for flatpickr (https://github.com/chmln/flatpickr)
Stars: ✭ 91 (+167.65%)
Mutual labels:  angular4, angular5, angular6
Ng2 Pdfjs Viewer
An angular 8 component for PDFJS and ViewerJS (Supports angular 2/4/5/6/7)
Stars: ✭ 150 (+341.18%)
Mutual labels:  angular4, angular5, angular6
Nebular
πŸ’₯ Customizable Angular UI Library based on Eva Design System 🌚✨Dark Mode
Stars: ✭ 7,368 (+21570.59%)
Mutual labels:  angular4, angular5, angular6
Ngx Papaparse
Papa Parse wrapper for Angular
Stars: ✭ 83 (+144.12%)
Mutual labels:  angular4, angular5, angular6
Popover
Angular CDK Popover, no default style, examples using @angular/material
Stars: ✭ 156 (+358.82%)
Mutual labels:  angular4, angular5, angular6
Angular5 Seed
Angular5 Seed for Application
Stars: ✭ 222 (+552.94%)
Mutual labels:  angular4, angular5, angular6

ngx-konami

npm npm npm

A simple directive to add easter eggs in your Angular 2+ application.

Installation

To install this library, run:

$ npm install ngx-konami --save

Getting started

Once you have published your library to npm, you can import your library in any Angular application :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import the library
import { KonamiModule } from 'ngx-konami';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    // Specify KonamiModule as an import
    KonamiModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once your library is imported, you can use its directive in your Angular application :

<!-- You can now use the konami directive in app.component.html -->
<div (konami)="sayHello()"></div>

The method sayHello will be called when you type the konami code !

Contribute

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

License

MIT Β©

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