Javascript AngularJS:Argument'；控制器为短'；不是函数，未定义_Javascript_Angularjs

Javascript AngularJS:Argument'；控制器为短'；不是函数，未定义

javascript angularjs

Javascript AngularJS:Argument'；控制器为短'；不是函数，未定义,javascript,angularjs,Javascript,Angularjs,我很难弄清楚问题出在哪里为什么要运行此代码（index.html）提前非常感谢您的问题是由于您引用了Angular 1.0.6而导致的。“控制器为”语法在Angular pre 1.2.0中不可用。如果您将1.0.6更改为1.2.0，它应该可以正常工作。请查看您的版本中的功能可用性。谢谢，更新也使这成为必要 <!DOCTYPE html> <html ng-app="gemStore"> <head> <link rel="styles

我很难弄清楚问题出在哪里

为什么要运行此代码（index.html）

提前非常感谢

您的问题是由于您引用了Angular 1.0.6而导致的。“控制器为”语法在Angular pre 1.2.0中不可用。如果您将1.0.6更改为1.2.0，它应该可以正常工作。

请查看您的版本中的功能可用性。谢谢，更新也使这成为必要

<!DOCTYPE html>
<html ng-app="gemStore">
  <head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
  </head>
  <body>
    <div class="list-group-item" ng-repeat="product in store.products">
      <section ng-controller="TabController as tab">
      </section>
    </div>
  </body>
</html>

<!DOCTYPE html>
<html ng-app="gemStore">
  <head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
  </head>
  <body>
      <section ng-controller="TabController as tab">
      </section>
  </body>
</html>

(function() {
  var app = angular.module('gemStore', []);

  app.controller('StoreController', function() {
    this.products = gems;
  });

  app.controller("TabController", function() {
    this.tab = 1;

    this.isSet = function(checkTab) {
      return this.tab === checkTab;
    };

    this.setTab = function(setTab) {
      this.tab = setTab;
    };
  });

  var gems = [
    {
      data : 'data'
    }
  ];
})();