🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Tesla Battery Range Calculator in Angular 2

Building Tesla’s battery range calculator with Angular 2+ reactive forms .Features:Reactive Form APIsFormGroupsFormControlsCustom FormControlsControlValueAccessorAhead-of-Time compiled

Plugins

Demo Download Tutorial

Documentation

Tesla Battery Range Calculator in Angular 2

Check out the live demo!

Features

Reactive Form APIs
FormGroups
FormControls
Custom FormControls
ControlValueAccessor
Ahead-of-Time compiled

Running the demo locally

npm install
npm run start
Navigate to http://localhost:4200/

You May Also Like

RG-Slider : AngularJS Range Slider

Angular HTML5 Drag and Drop Directive

AngularJS Pageslide Directive

AngularJS directive for Masonry

Ng-Fi-Text : Make Any Text Fit Its Container

AngularJS Arshaw FullCalendar

ngLoading : Angular Directive for Loading Widgets

Simple Form Validator For AngularJS

Angular Elastic : Auto Resize Textareas

oi.select : AngularJS directive of Select Element

Angular Charts : AngularJS SVG Chart Directives

Angular Datepicker Input Element

Angular Sortable View

AngularJS Timer Directive

nzAccordiScroll : AngularJS Scrolling Accordion Directive

BandGallery : Fullscreen Scrolling Photo Gallery with AngularJS

Native AngularJs Drag and Drop Directive

Virtual Scroll for AngularJS

ngSticky : Angular Sticky Elements

Angular-Feeds : AngularJS module for RSS & Media feeds

nzAnimate : Angular Animations Class-based Library

AngularJS Money Directive to Validate Monetary Inputs

AngularJS Circular Navigation Menus

Angular Gantt : AngularJS Gantt Chart

Angular Chart : Dynamic Chart for AngularJS with C3 Chart

Custom Selectbox for AngularJS

AngularJS Touch Carousel

Google Chart Tools Directive For AngularJS

Angularjs Material Floating Buttons

Angular DateParser

Simple Multi-Range Slider with AngularJS

Off-canvas Side Menu With AngularJS

Angular Toastr : Flash Notification Messages

Interactive Dial with Angular.js

Angular Timeago : Time Formatting Directive

Hovercard : Angular Hover Information Cards Directive

Image Zoom with AngularJS

n3-charts : AngularJS Pie & Donut Charts

AngularJS Velocity Animate UI Pack Plugin

Angular Scrolling Tabs with Bootstrap

Angular Loading Bar

Angular Hotkeys : Keyboard shortcuts for your Angular apps

Angular Growl : Growl-like notifications for AngularJS

Angular Pagination Directive

Angular Formly : JavaScript Powered Forms for AngularJS

ag-Grid : Advanced Datagrid for AngularJS

Angular Collapsible Blocks Directive

Angular Sticky Navigation Directive

Angular Media Upload Preview Directive

ToastMe : Toast Messages Creator in AngularJs

Image Comparision Slider With Angular

Angular Browser Push Notifications

Angular File Upload

Angular Simple Tabs with Animation

Material Style Color Picker For AngularJS

Angular UI & Bootstrap Date Time Picker

Angular Downloader : Directive to Download XHR Data

Angular Tooltips

Angular Real-time flow Charts

Angular Cell Cursor : Excel-like Spreadsheet Development Kit

Simple Vertical Menu with AngularJS

Angular Pinch Image Zoom Directive

Angular Pagination with Filter

Angular 3D Image Carousel

AngularJS Star Rating Directive

Angular Selector : Stylish Select box

FlexiList : Flexible Data-driven Lists With AngularJS

Angular Dialog Service

Angular Fx : Animated Page Element with AngularJS & Animate.css

mdPickers : Material Design Date/Time Pickers for AngularJS

jQuery Plugins

AngularJs Plugins