0

我开始看一下angular2，但是用这个简单的代码

<html>
    <head>
            <script src="https://code.angularjs.org/2.0.0-alpha.19/angular2.sfx.dev.js"></script>
            <script>
            function AppComponent() {}

            AppComponent.annotations = [
                new angular.Component({
                        selector: 'my-app'
                }),
                new angular.View({
                        template: '<h1>My first Angular 2 App</h1>'
                })
            ];

            document.addEventListener('DOMContentLoaded', function() {
              angular.bootstrap(AppComponent);
            });
            </script>
    </head>
    <body>
        <my-app></my-app>
    </body>
</html>

我有以下错误：

SyntaxError: in strict mode code, functions may be declared only at top level or immediately within another function function onGlobalPostMessage(event) {

ReferenceError: angular is not defined new angular.Component({
4

1 回答 1

2

我假设您在 FireFox 中运行它？Chrome似乎没有问题。

问题是编译的 Angular 中有一个错误。如果您想继续在 FireFox 中工作，请angular2.sfx.dev.js从这里下载并修改第 5610 行：

function onGlobalPostMessage(event) {

对此：

var onGlobalPostMessage = function(event) {

那应该让你再次工作。

我建议使用现已推出的 alpha.21，顺便说一句，或者您可以使用在此处编译的 alpha.20。

于 2015-05-01T18:27:51.107 回答