Angular JS

by James Hooper

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script>
  <script src="https://code.angularjs.org/1.6.3/angular-messages.min.js"></script>
  <script src="https://code.angularjs.org/1.6.4/angular-resource.min.js"></script>
  <script src="app.js"></script>

<body>
  <div ng-controller="mainController">
  	Hello World!
  </div>

<form name="myForm">
	<label>
	Enter text:
		<input type="email" ng-model="field" name="myField" required minlength="15" />
	</label>
	<div ng-messages="myForm.myField.$error" role="alert">
		<div ng-message="required">OH COME ON!!! You have to have at least 15 characters!.</div>
		<div ng-message="email">This field must be a valid email address.</div>
		<div ng-message="minlength">OH COME ON!!! You have to have at least 15 characters!.</div>
	</div>
	</form>

	</body>

JavaScript

var myApp = angular.module('myApp' ,['ngMessages', 'ngResource']);

myApp.controller('mainController', [ '$scope', '$log', '$filter' , '$resource', function ($scope, $log, $filter, $resource){
/*	console.log($scope);
	console.log($log);

	$scope.myName = "James Hooper";

	$log.log("Hello");
	$log.info("This is some information");
	$log.warn("WARNING! WARNING! THIS IS AN EMERGENCY");
	$log.debug("SHIT! KILL THE BUGS!");
	$log.error("ERROR!");*/

	/*$scope.name= 'James';
	$scope.formattedname = $filter('uppercase')($scope.name);
	$log.info($scope.formattedname);
*/

	$log.info($scope);
	

}]);