Question

我第一次尝试使用angularjs而且我无法让它实际工作......我想。

我正在网站上进行练习，当我在网站上运行它时，它会起作用，但当我尝试跟随并在我自己的文件中自己编写时，我无法让它工作。

例如：当我输入“{{store.product.name}}时，它会打印出包含大括号的内容，但在网站上会打印出”Azurite“

我的代码：

的index.html

<!DOCTYPE html>
<html ng-app="test">
<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
    <script src="app.js"></script>
    <script src="angular.min.js"></script>
</head>
  <body ng-controller="StoreController as store">
    <div>
      <h3>{{store.product.name}}</h3>
      <h3>{{store.product.price}</h3>
    </div>
  </body>
</html>

app.js

(function(){
  var gem = { name: 'Azurite', price: 2.95 };
  var app = angular.module('gemStore', []);
  app.controller('StoreController', function(){
        this.product = gem;
  });
})();

Answer 1

使用角度应用时。

首先需要angularJs脚本，其他人应该遵循。

<!DOCTYPE html>
<html ng-app="gemStore">
<head>
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
    <script src="angular.min.js"></script>
    <script src="app.js"></script>

</head>
  <body ng-controller="StoreController as store">
    <div>
      <h3>{{store.product.name}}</h3>
      <h3>{{store.product.price}</h3>
    </div>
  </body>
</html>

如果您需要任何帮助，请与我联系。

作为参考，你可以看到这个plunker：

http://plnkr.co/edit/28gANOyhz5mLb7zkhu9W?p=preview

为什么我不能让Angularjs工作？

1 个答案: