Angularjs 未定义参考误差角度_Angularjs

Angularjs 未定义参考误差角度

angularjs

Angularjs 未定义参考误差角度,angularjs,Angularjs,我正在努力学习角度，我被困在第一章：-（我使用的是angular 2.0，但当我尝试创建一个模块时，我得到错误“angular未定义” 我的笨蛋：我的剧本： (function() { console.log("Hello"); var app = angular.Module("gitHubViewer", []); app.controller("MainController", MainController); var MainController = func

我正在努力学习角度，我被困在第一章：-（

我使用的是angular 2.0，但当我尝试创建一个模块时，我得到错误“angular未定义”

我的笨蛋：

我的剧本：

(function() {

  console.log("Hello");
  var app = angular.Module("gitHubViewer", []);
  app.controller("MainController", MainController);

    var MainController = function($scope) {
      $scope.message = "Hello World!";
    };


  }());

HTML:

<html ng-app="gitHubViewer">

  <head>
    <script src="https://code.angularjs.org/2.0.0-alpha.20/angular.js" data-semver="2.0.0-alpha.20" data-require="angular.js@*"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainController">
    <h1>{{message}}</h1>
  </body>

</html>


{{message}}

请大家帮忙，这是创建模块的错误方法吗

谢谢

我对Angular 2不太了解，但我觉得你的代码更像Angular 1

Angular 2应用程序使用ES6组件（特别是

System

）以一种非常不同的方式启动。它应该看起来更像这样：

<html>

<head>
    <title>Angular 2 Hello World!</title>
    <script src="/dist/es6-shim.js"></script>
</head>

<body>

    <my-app></my-app>
    <script>
    // Rewrite the paths to load the files
    System.paths = {
        'angular2/*': '/angular2/*.js', // Angular
        'rtts_assert/*': '/rtts_assert/*.js', // Runtime assertions
        'app': 'app.es6' // The my-app component
    };

    // Kick off the application
    System.import('app');
    </script>
</body>

</html>


世界你好！
//重写路径以加载文件
系统路径={
'angular2/*'：'/angular2/*.js'，//角度
'rtts_assert/*'：'/rtts_assert/*.js'，//运行时断言
'app'：'app.es6'//我的应用程序组件
};
//启动应用程序
系统导入（“应用程序”）；

此代码取自此优秀教程：。

请检查链接

未找到显示

请从下载angularJS并将其添加到您的项目中。

您的参考库不工作，代码正常！这看起来更像Angular 1设置，而不是Angular 2设置。请看这里：。与Angular 2库404s类似，我认为应该尝试添加Angular 1.4版，但仍然存在相同的问题。请查看更新日期为plunker。当我使用1.4.0 rci版本时，我得到了相同的结果。请查看此更新的plunker Hi，在您的代码中有一些错误，请查看此链接（）。在html标记中添加ng app='gitHubViewer'属性。使用angular.module而不是angular.module