Link to home
Start Free TrialLog in
Avatar of ITMikeK
ITMikeKFlag for United States of America

asked on

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

ASKER CERTIFIED SOLUTION
Avatar of ITMikeK
ITMikeK
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ITMikeK

ASKER

0 views and 0 comments after 4 hours.  Hmmmm.