即使控制器可用,Angular JS旋转错误 [英] Angular JS thowing error even though controller is available

查看:59
本文介绍了即使控制器可用,Angular JS旋转错误的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我是Angular JS的新手,我正在尝试一些示例...但是,当我尝试加载我的应用程序时,我遇到了一个非常奇怪的异常...

I am new to Angular JS and I am trying some examples... But I get a very weird exception when I try to load my app...

这是我的棱角JS代码:

Here is my angular JS code:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
        <script src="JS/Controllers.js"></script>
    <body ng-app="myapp">
            <div ng-controller="HelloController">
                <h2>Hello {{helloTo.title}} !</h2>
            </div>
            <div ng-controller="MyController" >
                <span ng-show="myData.showIt"></span>
                <span ng-hide="myData.showIt"></span>
            </div>
        </body>

这是我的控制器代码:

angular.module("myapp", []).controller("HelloController", function($scope) {
    $scope.helloTo = {};
    $scope.helloTo.title = "Test";
} );

angular.module("myapp1", []).controller("MyController", function($scope) {
  $scope.myData = {};
  $scope.myData.showIt = true;
});

firebug记录的错误:错误:[ng:areq] http://errors.angularjs.org/1.2.5/ng/areq?p0=MyController&p1=not%20a%20function%2C%20got%20undefined https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js 第83行

Error logged by firebug: Error: [ng:areq] http://errors.angularjs.org/1.2.5/ng/areq?p0=MyController&p1=not%20a%20function%2C%20got%20undefined https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js Line 83

我正在使用angular js版本1.2.5 ...

I am using angular js version 1.2.5...

推荐答案

您正在创建两个不同的角度模块,每个模块有一个控制器,而不是 一个包含两个模块的单个模块不同的控制器 ,这就是您要执行的操作,只需更改代码以匹配以下语法即可:

You are creating two different angular modules, with one controller each, instead of one single module with two different controllers, which is what you want to do, just change your code to match this syntax:

angular.module("myapp", [])
    .controller("HelloController", function($scope) {
        // ...
    })
    .controller("MyController", function($scope) {
        // ...
    });

或者这个:

var myApp = angular.module("myapp", []);

myApp.controller("HelloController", function($scope) {
    // ...
});

myApp.controller("MyController", function($scope) {
    // ...
});

这篇关于即使控制器可用,Angular JS旋转错误的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆