stevermeister/angular-flipclock

wrapper for FlipClock.js jQuery plugin (http://flipclockjs.com/)

angular-flipclock

wrapper for FlipClock.js jQuery plugin (http://flipclockjs.com/)

##Usage

<flip-clock></flip-clock>

Example with start/stop callbacks - http://jsfiddle.net/STEVER/4tdxw3km/

##Installation

Install from npm:

npm install angular-flipclock

or from bower:

bower install angular-flipclock

angular-flipclock's Issues

Whats the Key Word For Dependency Injection @ angular-flipclock ?

Hi SteverMeister,

Iam Using Meanjs app How can i inject angular-flip clock as dependency in to app config File ?

Thanks,
Prasad

How do you start the clock from the controller?

I get how to set options and callbacks.

There doesn't seem to be any documentation or examples on how to call the functions from a controller (eg the app controller).

How do I do this?

Please version up and release for new feature

I have seen pull request history. And, it has new feature such as a time parameter.
Please version up and release for new feature.
Thank you in advance.

Use to represent numbers that are not a clock?

Could this be used to just represent integers that I am querying a db for every X amount of seconds? I love the look of the way they flip but do not need to show a clock on this site.

Thank you

$scope.setTime is not a function

Am getting this error, every time i try to reset the time from the controller:

$scope.setTime is not a function

Error trying to intialize FlipClock

I'm getting TypeError: element.FlipClock is not a function when i try to initialize the FlipClock. If i switch back from the element initializer, it works though.

clock = new FlipClock(element, options);
//clock = element.FlipClock(options);

Any idea what is going on? I am using 0.7.7 of FlipClock

Create a countdown with default value?

How i can create a countdown flip clock?
Can you help me?

Based condition i need make autostart clock

but flipClock directive load at initially only once. so i have make auto start based on condition if in api success function i got value true then i need to make start the clock else manually i will start the clock how to do this ?

Minification Breaks with ng 1.4.3

Hello,

Great wrapper directive you have here, thanks for providing it!

I'm able to use your directive in my 1.4.3 Angular app fine during development, but your module was the only piece of code that did not like when I minified and concatenated my vendor Javascript files together. I get the following error when I attempt to invoke the directive:

Error: [$injector:unpr] http://errors.angularjs.org/1.4.3/$injector/unpr?p0=aProvider%20%3C-%20a%20%3C-%20flipClockDirective

The error in that querystring link Angular provides is:

Unknown provider: aProvider <- a <- flipClockDirective

I took a look at the minified Javascript and it seems straightforward enough - but I think one of the things that may be tripping me up here is my minifier is probably looking at your unminified code and minifying it - but it might be botching it.

Is there any way you can provide a correctly minified version of your package?

Also does angular-flipclock have any known issues between ng 1.3.9 and 1.4.3 that I may be bumping up against?

Thanks again for this great wrapper. I really love Flipclock and was glad I found an Angular way to use it!

angular 1.2.x support?

Hi,

Exactly this plugin's looking for the angular version.
I ask that works with both angular 1.2.x?

Thanks for your work!

setCountdown example requires

Hey @stevermeister thanks for your work, i was wondering how do i use this directive for count down timer.

if you can provide any example would be great

Thanks
Anjum

documentation?

Please be documentation. 😉

countDown setting.

Want to use this for a countdown timer.

"flipClock clockFace='DailyCounter'" doesn't seem to work. Need to do a countDown from a day and show it in format of DailyCounter. Can you please help with any documentation?

hundreds of days - can it be displayed?

I do not want to go beyond a max time unit of days. However, when I set the flipclock to show hundreds of days, it keeps the days at 2 characters and shifts all values to the right. For example:
Clock should read:
900 days 14 hours 22 minutes 35 seconds

Instead it reads:
90 days, 01 hours 42 minutes 235 seconds (with the 35 counting down)

Is there a setting to allow 3 character days?

Thank you

Cannot start timer programatically, i.e. from inside a controller

I would like to start the timer programatically, i.e. from inside a controller.

To do that I call "$scope.start()" within the controller code, since the directive attaches a ".start()" function to $scope. Inside my ionic app, I then get the following error: "$scope.start is not a function".

I then tried to specify the controller explicitly using ng-controller. The result is that nothing happens, see here:
http://play.ionic.io/app/2870884ee70f

Get Values after Init

Hello !!
First of all, nice job with this !

How after initilizate I get the value of current time? I Already could start/Stop forcing with jquery .click, with the example. But now i wish that with another button click, i could get the current Time of the object. Can you please help me?
Thanks

No window for options available in original FlipClockJS

there is no way to modify your flipclock either to countdown or count up