gpt4 book ai didi

html - 运行 AngularJS ES6 时出错

转载 作者:行者123 更新时间:2023-12-02 04:03:10 24 4
gpt4 key购买 nike

我正在尝试在 html 中使用最新的 ES6 语法运行一个简单的 AngularJS 示例。这是我的 html 代码:

<!DOCTYPE html>
<html>
<head>
<title>Basic Angular JS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script data-require="<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="670214514a140f0e0a27574954554955" rel="noreferrer noopener nofollow">[email protected]</a>" data-semver="0.32.2" src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.32.2/es6-shim.min.js"></script>
</head>
<body>

<div ng-app="app" ng-controller="SampleCtrl as sc">
<h3>Hello {{sc.firstName + " " + sc.lastName}}!</h3>
</div>

<script>
(function(){
'use strict';
class SampleCtrl {
constructor () {
this.firstName = "John";
this.lastName = "Doe";
console.log("ctrl works");
}
}

angular
.module('app')
.controller('SampleCtrl', SampleCtrl);
})();

</script>
</body>
</html>

我真的不知道我在这里错过了什么,但我不断在控制台中收到以下错误:

Uncaught Error: [$injector:nomod] http://errors.angularjs.org/1.4.8/$injector/nomod?p0=app ... Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=app ...

我在浏览器中的 html 输出:

Hello {{sc.firstName + " " + sc.lastName}}!

更新:将模块声明修复为:

angular
.module('app', [])
.controller('SampleCtrl', SampleCtrl);

但现在我在控制台中收到以下错误:

TypeError: Class constructor SampleCtrl cannot be invoked without 'new'

最佳答案

我认为您错误地声明了该应用程序:

angular
.module('app', [])
.controller('SampleCtrl', SampleCtrl);

尝试一下

关于html - 运行 AngularJS ES6 时出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40904739/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com