Solved

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

Posted on 2016-11-29
2
20 Views
Last Modified: 2016-11-29
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

0
Comment
Question by:ITMikeK
  • 2
2 Comments
 

Accepted Solution

by:
ITMikeK earned 0 total points
ID: 41906744
It was the href links.  I just download them and replaced the references.
0
 

Author Closing Comment

by:ITMikeK
ID: 41906745
0 views and 0 comments after 4 hours.  Hmmmm.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This Micro Tutorial will give you a basic overview how to record your screen with Microsoft Expression Encoder. This program is still free and open for the public to download. This will be demonstrated using Microsoft Expression Encoder 4.
Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…

896 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now