I've been working on a simple setup, but I can't figure out why AngularJS isn't displaying the content within the curly brackets. It's got me completely baffled.
If you'd like to check it out, here's the link to the plunker: http://plnkr.co/edit/GfCgemAxZPkhKNv7A0Av?p=preview
This is what my index.html looks like:
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="angular.js@*" data-semver="2.0.0-alpha.27" src="https://code.angularjs.org/2.0.0-alpha.27/angular.js"></script>
<link rel="stylesheet" href="mainstyle.css" />
<script src="script.js"></script>
<script src="maincontroller.js"></script>
</head>
<body>
<div ng-controller="maincontroller">
<p>{{introduction}}</p>
</div>
</body>
</html>
Here's script.js:
var app = angular.module('myProgram',[]);
And this is maincontroller.js
app.controller('maincontroller', maincontroller);
var maincontroller = function($scope) {
$scope.introduction = "Welcome to My Program";
}