Почему мой HTML не распознает мой угловой JS

Я пытаюсь изучить Angular JS. Я написал эту небольшую часть кода, но по какой-то причине я не могу заставить HTML распознать Angular.JS.Почему мой HTML не распознает мой угловой JS

Мой index.html файл:

<!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>

Мой app.JS файл:

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

Мой вывод {{store.product.name}}, вместо 'вещи', которые Я ожидаю.

источник

2016-01-31 C. Greene

Я бы посоветовал, чтобы попытаться соответствовать случай:

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

Capital S.

источник

2016-01-31 15:04:35 Idos

Это сделал это !, благодаря. Я проверил эту штуку 100 раз, я не могу поверить, что пропустил это. –

Ха-ха, это случается со мной все время;) – Idos

Фикс, что линия

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

<div ng-controller="StoreController">

'Controller as syntax' is a good thing, но в вашем случае с именем приложения с таким же именем.

И сделал опечатку в 'х' вместо 'S', как @Idos заметил

источник

2016-01-31 15:03:57 shershen

Почему мой HTML не распознает мой угловой JS

ответ

Смежные вопросы