0
htmlの最新のES6構文を使用して簡単なAngularJSの例を実行しようとしています。ここに私のhtmlコードは次のとおりです。AngularJS ES6の実行中にエラーが発生しました
<!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="[email protected]" 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'
：TypeError例外を：クラスコンストラクタSampleCtrlは1.5.xのを試してみてください@BangularTK「新しい」 – BangularTK
なしで起動することはできません私は正確にこれが修正されたときを覚えていないが、それは信じていた。 – estus
@estus YESSS！私は1.6.xを試してみました。あなたには感謝してもしきれません！ :) – BangularTK