angularjs doesn't work in my code

Question

hi everyone i can't understand why my easy code doesn't work

index.html :

<!DOCTYPE html>
<html ng-app="store">
   <head>
      <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
      <script type="text/javascript" src="angular.min.js"></script>
      <script type="text/javascript" src="app.js"></script>
   </head>
   <body>
      <div ng-controller="StoreController as store">
         <h1> {{store.prodotto.name}} </h1>
         <h2> {{store.prodott.surname}} </h2>
         <p> {{store.prodotto.town}} </p>
      </div>
   </body>
</html>

app.js:

 (function(){
 var app = angular.module('store', []);

 app.controller('StoreController', function(){
 this.product = prodotto;
 });

 var prodotto  = {
     name = 'David',
     surname = 'Gilmour',
     town = 'Cambridge',
     }


 })();

both file are in the same folder with "angular.min.js" and "bootstrap.min.js" .

can anyone help me? thanks very much.

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

Working Demo - https://plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

You have some syntax errors in your javascript;

instead of

 var prodotto  = {
     name = 'David',
     surname = 'Gilmour',
     town = 'Cambridge',
     }

use

 var prodotto  = {
     name : 'David',
     surname : 'Gilmour',
     town : 'Cambridge'
     };

In addition, seems you bounded to the wrong variable name

instead of

 <div ng-controller="StoreController as store">
         <h1> {{store.prodotto.name}} </h1>
         <h2> {{store.prodott.surname}} </h2>
         <p> {{store.prodotto.town}} </p>
 </div>

use

 <div ng-controller="StoreController as store">
         <h1> {{store.product.name}} </h1>
         <h2> {{store.product.surname}} </h2>
         <p> {{store.product.town}} </p>
 </div>

https://plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Mar 26, 2016 at 18:05

Jossef Harush Kadouri

34.6k10 gold badges143 silver badges133 bronze badges

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

3 Comments

Jossef Harush Kadouri Over a year ago

see online demo, you bounded to the wrong variable name as well; plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

Davide Sirchia Over a year ago

i copied the code that you post on plunker, but on my computer it doesn't work,. I can't understand.

Davide Sirchia Over a year ago

now i test it again without touching nothing, IT WORK. It doesn't have no sense. so thanks for the help

Collectives™ on Stack Overflow

angularjs doesn't work in my code

1 Answer 1

Working Demo - https://plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

https://plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Working Demo - https://plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related