Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过nodejs服务器提供页面服务时发生角度抛出错误,而不是简单访问页面时发生角度抛出错误_Javascript_Angularjs_Angularjs Directive - Fatal编程技术网

Javascript 通过nodejs服务器提供页面服务时发生角度抛出错误,而不是简单访问页面时发生角度抛出错误

Javascript 通过nodejs服务器提供页面服务时发生角度抛出错误,而不是简单访问页面时发生角度抛出错误,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我现在正在努力学习AngularJS 我只是将index.html文件加载到浏览器中。一切正常,完全正常 然后我认为我希望使用服务器提供index.html,而不是直接访问index.html文件 我使用SERVICE static制作了一个简单的nodejs服务器,但是现在我一直得到一个XXXX不是一个函数错误,当我通过服务器访问时,但是直接访问index.html仍然有效 我使用了一个相当简单的文件来试图抓住我的错误,但即使这样也不行 有人能告诉我发生了什么事吗 index.html: &l

我现在正在努力学习AngularJS

我只是将index.html文件加载到浏览器中。一切正常,完全正常

然后我认为我希望使用服务器提供index.html,而不是直接访问index.html文件

我使用SERVICE static制作了一个简单的nodejs服务器,但是现在我一直得到一个XXXX不是一个函数错误,当我通过服务器访问时,但是直接访问index.html仍然有效

我使用了一个相当简单的文件来试图抓住我的错误,但即使这样也不行

有人能告诉我发生了什么事吗

index.html:

<!doctype HTML>
<html data-ng-app>
<head>
    <title>ANG</title>
    <link rel="stylesheet" type="text/css" href="vendor/css/bootstrap.css">
</head>
<body>
    <div class="container" >
        <h1>This is a html. </h1>
        <div>
            <input type="text" data-ng-model="name" />
            <p>:: {{name}}</p>

            <div>
                <ul data-ng-controller="AppController" >
                    <li data-ng-repeat="each in customers">{{each.name}} - {{each.city | uppercase}}</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Le JavaScript -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="vendor/js/bootstrap.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
    <script type="text/javascript">
        function AppController($scope){
            $scope.customers = [
                {name: 'Usbamba Mood', city: 'Lahore' },
                {name: 'Kanika Manchanda', city: 'New Delhi'  },
                {name: 'Ud Kapur', city: 'New Delhi' },
                {name: 'Suggu Madar', city: 'Noida' },
            ];
        }
    </script>
</body>
</html>
为什么这不起作用?为什么我总是得到一个XXXX不是一个函数错误?我真的找不到答案了

当我访问localhost:8080/时,我得到一个错误:

Error: [ng:areq] http://errors.angularjs.org/1.2.16/ng/areq?p0=AppController&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:6:450
    at xb (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:18:360)
    at Ra (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:18:447)
    at chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:66:96
    at chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:53:14
    at q (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:7:386)
    at J (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:52:382)
    at f (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:46:399)
    at f (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:46:416) angular.min.js:89
Uncaught Error: [ng:btstrpd] http://errors.angularjs.org/1.2.16/ng/btstrpd?p0=%3Cdiv%20ng-app%3D%22spots…it%3D%22initMainCtrl()%22%20id%3D%22spots%22%20spellcheck%3D%22false%22%3E angular.min.js:6

看起来服务器有问题。js@MaheshThumar,会有什么问题?与输入标记的初始数据绑定仍然有效,只有控制器不起作用。您能推荐一个替代方案吗?您使用的语法只应在代码片段或快速演示中使用。定义一个模块,将模块名称传递给ng应用程序,通过.module.controller注册控制器,等等查看此plunker模板,了解如何构建框架应用程序-。也就是说,造成这种情况的一个可能原因是,如果node对脚本进行了一些自动缩小,那么您的AppController函数在最终代码中被称为a,而不是。@Sacho这只是我编写的一个测试脚本,因为我无法使angular应用程序正常工作。即使我还没有定义一个模块名,它仍然可以工作。
Error: [ng:areq] http://errors.angularjs.org/1.2.16/ng/areq?p0=AppController&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:6:450
    at xb (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:18:360)
    at Ra (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:18:447)
    at chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:66:96
    at chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:53:14
    at q (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:7:386)
    at J (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:52:382)
    at f (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:46:399)
    at f (chrome-extension://ejocekekgcaldnmjngfdbmbeebcekelc/lib/angular.min.js:46:416) angular.min.js:89
Uncaught Error: [ng:btstrpd] http://errors.angularjs.org/1.2.16/ng/btstrpd?p0=%3Cdiv%20ng-app%3D%22spots…it%3D%22initMainCtrl()%22%20id%3D%22spots%22%20spellcheck%3D%22false%22%3E angular.min.js:6