Question

我只想在不设置环境的情况下运行下面提到的简单代码，但它显示错误为“app.js：5 Uncaught TypeError：angular.ComponentAnnotation不是app.js的构造函数：5”。

这是我的index.html代码

<!doctype html>
 <html>
 <head>
    <title>My first App</title>
    <link rel="stylesheet" src="css/main.css" />    
    <script src="https://code.angularjs.org/2.0.0-alpha.20/angular2.sfx.dev.js"></script>
    <script src="js/app.js"></script>
</head>

<body>
    <mynewTag></mynewTag>
</body>
</html>

以下是app.js的代码

function firstApp(){}
firstApp.annotations = [
new angular.ComponentAnnotation({

    selector: "mynewTag"
}), 
new angular.viewAnnotation({
    template: "<div><h1>Arun</h1></div>"
})
];
document.addEventListener("DOMContentLoaded", function(){
angular.bootstrap(firstApp);
})

Answer 1

不确定为什么要使用过时的Angular版本，但请看一下使用带有Angular的纯JavaScript的以下帖子（https://daveceddia.com/angular-2-in-plain-js/）。

语法随着ng.core.Component

等全局变量的使用而发生了变化

您可以按照帖子所示安装节点模块，也可以使用CDN网址，例如：

https://npmcdn.com/@angular/core@2.4.10

我们不能在没有设置环境的情况下运行简单的Angular2代码吗？

1 个答案: