All Projects → savokiss → ngTip

savokiss / ngTip

Licence: other
angularjs simple tip service with bootstrap alert style

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to ngTip

Angular Moment
Moment.JS directives for Angular.JS (timeago and more)
Stars: ✭ 2,637 (+16381.25%)
Mutual labels:  angularjs
angular-crypto
angular-crypto provides standard and secure cryptographic algorithms for Angular.js with support for: MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64
Stars: ✭ 30 (+87.5%)
Mutual labels:  angularjs
Hacktoberfest2021-for-everyone
This repository is for everyone who wants to participate in Hacktoberfest 2022. Anyone can contribute/add quality code or projects for your Swags (T- Shirt), must be relevant that can add some value to this repository.
Stars: ✭ 178 (+1012.5%)
Mutual labels:  angularjs
Md Color Picker
Angular-Material based color picker
Stars: ✭ 253 (+1481.25%)
Mutual labels:  angularjs
AngularJS-ES6
No description or website provided.
Stars: ✭ 25 (+56.25%)
Mutual labels:  angularjs
Material-Design-AngularJs-Abp
No description or website provided.
Stars: ✭ 19 (+18.75%)
Mutual labels:  angularjs
Angular Validation
AngularJS Form Validation made simple
Stars: ✭ 243 (+1418.75%)
Mutual labels:  angularjs
node-postgres
This application demonstrates database operations using PostgreSQL as a database, Heroku as platform, Node.js as language and Angularjs as javascript based MVC.
Stars: ✭ 18 (+12.5%)
Mutual labels:  angularjs
angular-github-api-factory
AngularJS Factory for GitHub v3 JSON REST API requests
Stars: ✭ 13 (-18.75%)
Mutual labels:  angularjs
PulseTile-AngularJS
Leading edge modular UI framework for healthcare. Based on AngularJS. See documentation at http://docs.pulsetile.com/ See plugins at https://github.com/PulseTile-Plugins ##
Stars: ✭ 19 (+18.75%)
Mutual labels:  angularjs
angular-horizontal-timeline
Simple horizontal timeline directive for AngularJS
Stars: ✭ 44 (+175%)
Mutual labels:  angularjs
eucaconsole
Eucalyptus Management Console
Stars: ✭ 15 (-6.25%)
Mutual labels:  angularjs
project-manager-laravel
Project manager system - PHP and AngularJS
Stars: ✭ 17 (+6.25%)
Mutual labels:  angularjs
Oclazyload
Lazy load modules & components in AngularJS
Stars: ✭ 2,661 (+16531.25%)
Mutual labels:  angularjs
angular-base-apps
UI library for angular JS apps
Stars: ✭ 62 (+287.5%)
Mutual labels:  angularjs
Adm Datetimepicker
Pure AngularJs dateTimePicker
Stars: ✭ 244 (+1425%)
Mutual labels:  angularjs
angular-youtube-api-factory
AngularJS Factory for Youtube JSON REST API requests
Stars: ✭ 21 (+31.25%)
Mutual labels:  angularjs
VTMsite
Vampire: The Masquerade character creator page made with Angular
Stars: ✭ 36 (+125%)
Mutual labels:  angularjs
componentity
Thousands of components ready to be copy-pasted!
Stars: ✭ 15 (-6.25%)
Mutual labels:  angularjs
ionic4-angular7-example
Ionic 4, Angular 7 and Cordova Tutorial: Build CRUD Mobile Apps
Stars: ✭ 57 (+256.25%)
Mutual labels:  angularjs

ngTip

FOSSA Status

angularjs simple tip service with bootstrap alert style

Demo

dependencies :

  • bootstrap 3+
  • angularjs 1.3+

Install

bower install ngTip --save

then include the dist/ngTip.js and dist/ngTip.css in your html

Usage

  • require ngTip module
angular.module('myApp',['ngTip'])
  • add <ng-tip></ng-tip> under your <body>

  • use ngTip service in the controller

angular.module('myApp').controller('DemoController',function($scope,ngTip){

  $scope.openTip = function(){
    ngTip.tip('tip message here','success');
  };
})
  • change the default timeout

the default timeout is 3 seconds, you could change that in the angular.config

angular.module('myApp').config(function(ngTipProvider){
    ngTipProvider.setDefaultTimeout(1000);
})

API

.tip(message, type)

message

  • the message you'd like to tip

type

  • there're 4 types now: info, success, warning, danger
  • info is the default one. both from bootstrap alert bar style

License

FOSSA Status

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