angularjs не работает в моем коде

0

Привет всем, я не могу понять, почему мой простой код не работает

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',
     }


 })();

оба файла находятся в одной папке с "angular.min.js" и "bootstrap.min.js".

Может кто-нибудь мне помочь? Огромное спасибо.

Теги:

1 ответ

4

Рабочая демонстрация - https://plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview

У вас есть синтаксические ошибки в вашем javascript;

вместо

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

использование

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

Кроме того, кажется, что вы ограничены неправильным именем переменной

вместо

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

использование

 <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

Поделиться
  • 0
    это все еще не работает, но все равно спасибо
  • 0
    посмотрите онлайн демо, вы привязаны и к неправильному имени переменной; plnkr.co/edit/94hthisj8Psc4Sp13dB1?p=preview
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню