ggorlen/angularjs-hello-world.html

## angularjs-hello-world.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="color-scheme" content="dark light" />
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.js"></script>
</head>
<body>
  <div ng-app="exampleApp">
    <test-component></test-component>
  </div>
<script>
angular.module("exampleApp", [])
  .component("testComponent", {
    template: `
      <div>
        {{greeting}}
      </div>
    `,
    restrict: "E",
    controllerAs: "$ctrl",
    controller: "testComponentCtrl",
  })
  .controller("testComponentCtrl", function($scope) {
    const ctrl = this;
    $scope.greeting = "hello world";
  });
</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="color-scheme" content="dark light" />
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.js"></script>
	</head>
	<body>
	<div ng-app="exampleApp">
	<test-component></test-component>
	</div>
	<script>
	angular.module("exampleApp", [])
	.component("testComponent", {
	template: `
	<div>
	{{greeting}}
	</div>
	`,
	restrict: "E",
	controllerAs: "$ctrl",
	controller: "testComponentCtrl",
	})
	.controller("testComponentCtrl", function($scope) {
	const ctrl = this;
	$scope.greeting = "hello world";
	});
	</script>
	</body>
	</html>