JSFiddle - React, Tailwind, and code Playground

by awolf2904

HTML

<div ng-app="demoApp" ng-controller="mainController as mainCtrl">
    <input ng-model="mainCtrl.input" ng-change="mainCtrl.calcTip()"/>
    
    {{mainCtrl.total | currency: '$': 2}}
</div>

JavaScript

angular.module('demoApp', [])
	.controller('mainController', MainController);
    
function MainController() {
	var vm = this;
    
    angular.extend(vm, {
    	tip: 0,
        input: 10.25,
        calcTip: function() {
        	// 10% tip // 2 decimal places no rounding.
            // floor calc. from this SO answer
            // http://stackoverflow.com/questions/4187146/display-two-decimal-places-no-rounding
        	vm.total = Math.floor(vm.input * 1.1 * 100) / 100;
        }
    });
    
    vm.calcTip(); // initial calc.
}