Beginning with a simple "hello world" Angular app was going smoothly until I attempted to add the controller. Unfortunately, at that point, the expression stopped working on the page.
<!doctype html>
<html ng-app='app'>
<head>
<link rel='stylesheet' href='css/styles.css'>
<link rel='stylesheet' href='css/bootstrap.min.css'>
<script src='js/app.js'></script>
<script src='js/angular.min.js'></script>
</head>
<body>
<div class='container col-md-6 col-md-offset-6 panel' ng-controller='FormController'>
<input type='text' ng-model='name' placeholder='Enter your name'>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
JS:
angular.module('app', []).controller('FormController', function($scope){
$scope.name = 'Test';
});
The issue arises where the {{name}} expression is not displaying correctly after adding the controller and 'app' module. Without them, the page functions as expected. Any guidance would be highly appreciated. Thank you.