Kod:
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">
<script src="../node_modules/angular/angular.js"></script>
</head>
<body>
<p ng-app ng-controller="HelloCtrl">
Your name: <input type="text" ng-model="name" placeholder="World">
<hr>
Hello {{name}}!
</p>
<script>
var HelloCtrl = function($scope){
$scope.name = 'world';
}
</script>
</body>
</html>
Contoh sudut, tetapi ralat sentiasa dilaporkan:
Error: [ng:areq] Argument 'HelloCtrl' is not a function, got undefined
http://errors.angularjs.org/1.3.15/ng/areq?p0=HelloCtrl&p1=not%20a%20function%2C%20got%20undefined
at REGEX_STRING_REGEXP (angular.js:63)
at assertArg (angular.js:1587)
at assertArgFn (angular.js:1597)
at angular.js:8470
at angular.js:7638
at forEach (angular.js:331)
at nodeLinkFn (angular.js:7625)
at compositeLinkFn (angular.js:7117)
at publicLinkFn (angular.js:6996)
at angular.js:1457
Saya tidak tahu kenapa~~?
Kemudian, saya mencuba contoh dalam talian:
<script type="text/javascript">
var app = angular.Module('app',[]);
app.controller('HelloCtrl',function($scope){
$scope.name = 'world';
});
</script>
Saya mengubah suai bahagian ini, tetapi masih mendapat ralat:
Uncaught TypeError: undefined is not a function
angular.js:63 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:nomod] Module 'app' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
Saya harap seseorang boleh membantu saya membetulkannya dan memberi saya cara yang betul untuk menulisnya.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Pertama:
Saya tidak tahu versi Angular anda Mungkin Angular tidak lagi menyokong penulisan pengawal global sejak versi 1.3 (saya tidak ingat versi tertentu). Banyak contoh dalam talian tidak lagi terpakai.
Yang kedua:
Ambil perhatian bahawa laporan ralat adalah jelas, ia adalah
angular.ModuleApa yang anda tulis di sini adalah huruf besar, ia sepatutnya huruf kecilangular.module. Selain itu, apabila menggunakan kaedah ini, anda perlu menambahng-app="app"pada templat untuk menentukan nama modul.Jawapan betul di tingkat atas, pengawal global tidak lagi disokong selepas 1.3