Category : Angular.js

23 posts

Are you looking for news ticker / news slider / headline flash in angular then here I am going to share awesome News Ticker component to help you accentuate posts and messages. Installation Install component via NPM npm install ngx-newsticker-albe Template <ngx-newsticker title="Live News" [events]="eventList"></ngx-newsticker> Import the module import { NgxNewstickerAlbeModule } from 'ngx-newsticker-albe';   …
Angular Star Rating Directive – In this post I am going to share An angular directive for rating which you can apply on any product and service on your web app so that your website user can rate your product and services. angular-star-rating is quick to integrate star rating plugin in angular and easy to …
Are you looking for Image cropper plugin for your Angular App then here i am going to share an cool image cropper for Angular, which you can use to crop images for better profile pic visibility. Installation Install component via NPM npm install ngx-image-cropper --save HTML Add the element to your HTML: <input type="file" (change)="fileChangeEvent($event)" …
In this tutorial I am going to share simple AngularJS directive to create tree menu. You must have seen tree menu on many control panel where you have to create nested menu – submenu – submenu and so on. These nested tree structure helps to associate list of submenu with parent menu. Libraries Copy the …
In this post I am going to share simple angularjs based library to generate a datepicker on your input element. Angular datepicker is an angularjs directive that generates a datepicker calendar on your input element. Libraries To use the directive, include the Angular Datepicker’s javascript and css files in your web page: <link href="src/css/angular-datepicker.css" rel="stylesheet" …
Material Design Card – Are you looking for Material Design Card, If yes then in this post I am going to share hand-picked Material Design Card for you. Design cards have increased in popularity over the years so, I’ve decided to gather some of the best designs which are available for downloading and using right …
Angular Tabs Bar – Are you looking for Angular Tabs Panel, If yes then in this post I am going to share hand-picked Angular Tabs example for you. One of the most vital tasks of a user experience designer is to make sure that the website’s navigation is simple and user-friendly. And what other way …
An Angular directive only allows [0-9] in the input box when typing, pasting or drag/dropping. This directive handles both Windows keyboard and Mac keyboard. Installation Install plugin via NPM npm i -S @uiowa/digit-only JS Import the plugin in your angular module. import { DigitOnlyModule } from '@uiowa/digit-only';   @NgModule({ declarations: [ ... ], imports: [ …
PAGE TOP