ngTip
ngTip copied to clipboard
Published
20 hours ago •
savokiss
savokiss
angularjs simple tip service with bootstrap alert style
ngTip
angularjs simple tip service with bootstrap alert style
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
ngTipmodule
angular.module('myApp',['ngTip'])
-
add
<ng-tip></ng-tip>under your<body> -
use
ngTipservice 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 -
infois the default one. both from bootstrap alert bar style
License
savokiss