代码:
<!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>
一个angular的例子,但是总是报错:
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
不知道是为何~~?
后来,我试了网上的例子:
<script type="text/javascript">
var app = angular.Module('app',[]);
app.controller('HelloCtrl',function($scope){
$scope.name = 'world';
});
</script>
修改了这部分,但是还是报错:
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.
希望谁能帮忙给指正下,给个正确的写法。
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.Module
Apa 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