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