AngularJS Examples

Filling in information on a form. Click a button to display that information.

The code on this form uses AngularJS Controllers, Directives, Data Binding and Events. Enter some information in the textboxes and then click the Display Message button. A message will display.

First Name:

Last Name:



Enter information to do a Quantity/Cost calculation.

Enter a Quantity and Cost and it will display in the line below:

Quantity (Between 1-999):

Cost (in $):


Enter the color you want the background in the textbox to be. It will change to that color.