简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - angular 的controller 不识别function
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-15 16:51:04
0
2
680

代码：

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

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

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

répondre à tous(2)
我想大声告诉你
我想大声告诉你2017-05-15 16:53:04 2 plancher

Premier :
Je ne connais pas votre version d'Angular. Probablement, Angular ne prend plus en charge l'écriture du contrôleur global depuis la version 1.3 (je ne me souviens plus de la version spécifique). De nombreux exemples en ligne ne sont plus applicables.
Deuxième :
Notez que le rapport d'erreur est évident, c'est angular.Module Ce que vous avez écrit ici est en majuscule, il devrait être en minuscule angular.module. De plus, lorsque vous utilisez cette méthode, vous devez ajouter ng-app="app" au modèle pour spécifier le nom du module.

Comme +0
Ajouter une réponse
仅有的幸福
仅有的幸福2017-05-15 16:53:04 1 plancher

Bonne réponse à l'étage, les contrôleurs globaux ne sont plus supportés après la 1.3

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！