AngularJS Program to change the background color of box

Change the background color of box based on user input

Write a AngularJS Program to change the background color of box by user input.

Solution

<!doctype html>
<html>
	<head>
		<script language="javascript" src="angular.min.js"></script>
	</head>
	<body>
		<h1>Background Changer</h1>
		<div ng-app="" ng-init="myCol='lightblue'">
			<input style="background-color:{{myCol}}" ng-model="myCol">
		</div>

	</body>
</html>

Output

Test Live:

https://programmingtrick.com/angular-assignment/assign2.html

Programming Examples

AngularJS Program to change the background color of box