Join Chris Converse for an in-depth discussion in this video Set default input values, part of Creating a Calculation Tool with AngularJS 1.
- View Offline
And we are going to set this equal to four.…Then a semi-colon.…We'll change this back to 12 and 3,…but I want to set this numbers here…so that we can tell that something is changing.…And then we'll set one more variable here…for the total number of days.…This way when we create our calculations…we are going to tell people how much money they can save…based on a whole year.…So we'll need to specify here the total number of days.…So' I'll type scope.total_days.…And we are going to set this equal to 365.…
So we are not going to use the total days variable just yet.…We'll use it later on when we create our calculations.…
Using these lessons, and the free exercise files, you can build any kind of calculation tool for your clients, from shipping cost to mortgage payment calculators.
- Creating the HTML page structure
- Hooking in CSS and AngularJS
- Adding form elements
- Styling the layout with CSS
- Adjusting the layout for small (mobile) screens
- Defining the AngularJS application and controller
- Calculating usage and cost