Vu-mètres ANGULAR

Exemple

1
2
3
4

Comment l'utiliser

Tout d'abord, incluez la feuille de style CSS et le script JS (dépend de la librairie AngularJS, et de la librairie jQuery si vous voulez l'animation)

<link href="vumetre.css" rel="stylesheet" type="text/css" />
<script src="vendor/jquery-2.2.0.min.js"> </script>
<script src="vendor/angular-1.4.6.min.js"></script>
<script src="vumetre.js">                 </script>

Puis, injectez le module "vumetres" dans votre appli angular :

var myapp = angular.module('myapp', ['vumetres']);

Ensuite, créez autant de vu-mètre que vous voulez grâce au tag suivant :

<vumetre="40" />

Ou bien, avec toutes les options spécifiées :

<vumetre="65" speed="500" with-text="true" height="300px" width="100%" randomize="false" />

L'option "randomize" vous permet de créer des valeurs aléatoires à intervalle régulier (défini par "speed") (voir l'exemple n°3 ci-contre à gauche, cliquez dessus).