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

Capital S.。

Answer 2

修正该行

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

到

 <div ng-controller="StoreController">

'Controller as syntax' is a good thing，但在您的情况下，您使用相同名称命名了应用。

在's'而不是'S'中输了一个拼写错误，因为@Idos注意到了

为什么我的HTML不能识别我的Angular JS

2 个答案: