a simple countdown angular2 directive with multiple language
npm install angular2-simple-countdown
import {CountDown} from "../../node_modules/angular2-simple-countdown/countdown";
@NgModule({
declarations: [
CountDown
],
....
})
text: any = { "Weeks": "Weeks",
"Days": "Days", "Hours": "Hours",
Minutes: "Minutes", "Seconds": "Seconds",
"MilliSeconds":"MilliSeconds" };
`Change Default Text`
<count-down [text]="text" units="Days | Hours | Minutes | Seconds | Milliseconds" end="February 22, 2016"></count-down>
<count-down units="Days | Hours | Minutes | Seconds | Milliseconds" end="February 22, 2016"></count-down>
<count-down units="Days | Hours " end="February 22, 2016"></count-down>
<count-down units="Days | Hours | Minutes | Seconds" end="February 22, 2016"></count-down>
count-down
: initializes directive
end-date
: the end date. takes any format js Date() allows
units
: which units you want the countdown to be viewed in
https://scotch.io/tutorials/angular-2-transclusion-using-ng-content