Why is this code literally rendering whatever is typed between the <h1> tag?

Starting out with AngularJS.  Following an example and not getting intended result.  The code below should render a text, value or expression result for anything typed between the {{ }} int the <h1> tag.  While in debug mode using WebStorm, whatever is there literally renders.  In the example below, I get {{ 1+3 }} displaying instead of 4.  A text value  : {{'Anything I just typed'}} , looks like this  {{'Anything I just typed'}}  What's missing?  Is it my environment settings?  BTW, the 'libs' folder is located one folder higher than my project code, so I assume the href links are working.   Thanks!

<!DOCTYPE html >
<html lang="en" ng-app  >
<head >
	<title >Data Binding</title >
	<link href="../libs/bootstrap/dist/css/bootstrap.min.css"
	      rel="stylesheet" >
	<link href="main.css"
	      rel="stylesheet" >
</head >

<body >

<div class="container">
	<h1>{{1+3}}</h1>
</div >

<script src="../libs/angular/angular.min.js" ></script >
</body >
</html >

Open in new window

ITMikeKAsked:
Who is Participating?
 
ITMikeKConnect With a Mentor Author Commented:
It was the href links.  I just download them and replaced the references.
0
 
ITMikeKAuthor Commented:
0 views and 0 comments after 4 hours.  Hmmmm.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.