Why Won't My HTML Recognize My Angular JS

Question

I'm attempting to learn Angular JS. I have written this small piece of code, but for some reason I cannot get the HTML to recognize the Angular.JS.

My index.html file:

<!DOCTYPE HTML>
<html ng-app="store">
   <head>
     <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"/>
   </head>
   <body>
       <div ng-controller = "storeController as store">
           <h1>{{store.product.name}}</h1>
       </div>
       <script type = "text/javascript" src = "angular-1.2.29/angular.min.js"></script>
       <script type = "text/javascript" src= "app.js"></script>
  </body>
</html>

My app.JS file:

(function () {
var app = angular.module('store', [ ]); 
app.controller('StoreController', function() {
    this.product = item;
});
var item = {
    name: 'stuff',
    price: 2.44,
    description: 'lame',
}
})();

My output is {{store.product.name}}, instead of the 'stuff' that i'm expecting.

Idos · Accepted Answer · 2016-01-31 15:04:35Z

3

I would advise to try and match the case:

<div ng-controller = "StoreController as store">

Capital S.

answered Jan 31, 2016 at 15:04

Idos

15.3k14 gold badges63 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

C. Greene Over a year ago

That did it!, thanks. I've checked this thing 100 times, I can't believe I missed that.

Idos Over a year ago

Haha this happens to me all the time ;)

shershen · Accepted Answer · 2016-01-31 15:07:09Z

1

Fix that line

 <div ng-controller = "storeController as store">

to

 <div ng-controller="StoreController">

'Controller as syntax' is a good thing, but in your case you named app with the same name.

And made a typo in 's' instead 'S' as @Idos noticed

edited Jan 31, 2016 at 15:07

answered Jan 31, 2016 at 15:03

shershen

10k11 gold badges44 silver badges62 bronze badges

Collectives™ on Stack Overflow

Why Won't My HTML Recognize My Angular JS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related