angular.js - angular 的controller 不识别function
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 16:51:04
0
2
684

代码:

       <!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.

希望谁能帮忙给指正下,给个正确的写法。

曾经蜡笔没有小新
曾经蜡笔没有小新

membalas semua(2)
我想大声告诉你

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 kecil angular.module. Selain itu, apabila menggunakan kaedah ini, anda perlu menambah ng-app="app" pada templat untuk menentukan nama modul.

仅有的幸福

Jawapan betul di tingkat atas, pengawal global tidak lagi disokong selepas 1.3

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!