为什么我的HTML无法识别我的Angular JS

Question

我正在尝试学习Angular JS。 我已经编写了这小段代码，但是由于某种原因，我无法使HTML识别Angular.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}}，而不是我期望的“东西”。

Answer 1

我建议尝试并匹配这种情况：

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

大写S.

Answer 2

修那条线

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

至

 <div ng-controller="StoreController">

“将控制器作为语法”是一件好事，但是在您的情况下，您使用相同的名称命名了app。

@Idos注意到在's'而不是'S中打错了

为什么我的HTML无法识别我的Angular JS

问题描述

2 个解决方案

解决方案1
3 已采纳 2016-01-31 15:04:35

解决方案2
1 2016-01-31 15:03:57

为什么我的HTML无法识别我的Angular JS

问题描述

2 个解决方案

解决方案1 3 已采纳 2016-01-31 15:04:35

解决方案2 1 2016-01-31 15:03:57

解决方案1
3 已采纳 2016-01-31 15:04:35

解决方案2
1 2016-01-31 15:03:57