Angular/ques3.html at master · Aaditrii/Angular · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html>
<head>
				<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
				<style>
					input.ng-untouched{
						background-color:pink;
					}
					input.ng-valid{
						background-color:blue;
					}
					input.ng-invalid{
						background-color:pink;
					}
				</style>
				</script>
				<script>
				var app1=angular.module("myapp",[]);
				app1.controller("myctrl",function($scope){
					$scope.myobj={
						"background-color":"pink",
						"height":"200px",
						"width":"1000px",
						"padding":"40px"
					}

				});
			</script>
</head>
<body ng-app="myapp" ng-controller="myctrl">
	<div ng-style="myobj">
		<form name="myform">
		<input type="text" name="f1" ng-model="f1" required>
	</form>
	</div>
</body>
</html>