Question

这是我的app文件名为app.js，其中我有javascript。我正在学习角度js，我想在html（index.html）中动态显示商店的名称，但我的模块无法正常工作。

(function() {

  var app = angular.module('store', []);

  app.controller('StoreController', function() {

    this.product = gem;

  });

  var gem = {

    name: 'MyGem',
    Desc: 'VeryQualityGem',
    Type: 'Diamond'

  }

})();

这是HTML。

<html data-ng-app="store">
<head>
  <title>GettingStartedWithAngular</title>

  <script type="text/javascript" src="../js/angular.min.js"></script>
  <link rel="stylesheet" href="../BS/css/bootstrap.min.css">
  <link rel="stylesheet" href="../BS/css">


</head>


<body>


  <div data-ng-controller="StoreController as store" id="container">


    <h1>{{store.product.name}}</h1>
    <h2>Product Description</h2>
    <h3>Product Type</h3>

  </div>


</body>
</html>

应该显示商店的名称，而不是我得到相同的HTML。请帮助我是角色的新手。

角度模块不工作

0 个答案: