Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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 AngularJS无法连接控制器的实例_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript AngularJS无法连接控制器的实例

Javascript AngularJS无法连接控制器的实例,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我正在使用angularJS创建一个simpleApp,不幸的是,我不知道为什么它一直显示为空白。我猜AngularJS无法粘合我的控制器和视图 Index.html 我认为您的索引中缺少对控制器的引用 比如: 应该让你的索引页运行 路由配置看起来不错,但这些路由不会影响实际的索引页。这些路由会将您的视图加载到ng view指令中。ng路由模块不是core angular.js文件的一部分,您需要单独包含它。此外,js文件的顺序也需要更改 <script src="https://aj

我正在使用angularJS创建一个simpleApp,不幸的是,我不知道为什么它一直显示为空白。我猜AngularJS无法粘合我的控制器和视图

Index.html


我认为您的索引中缺少对控制器的引用

比如:

应该让你的索引页运行


路由配置看起来不错,但这些路由不会影响实际的索引页。这些路由会将您的视图加载到ng view指令中。

ng路由模块不是core angular.js文件的一部分,您需要单独包含它。此外,js文件的顺序也需要更改

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.4/angular-route.js"></script>
<script src="/app/app.js"></script>
<script src="/app/controllers/controllers.js"></script>
<script src="/app/services/customerService.js"></script>
此外,您的筛选器名称
大写
错误

{{ cust.Name | lowercase }} - {{ cust.City | uppercase }}

演示:

这是路径问题。当引用index.html文件中的所有javascript时,我确实漏掉了“.”

下面的代码片段应该可以解决这个问题


您的ui view指令在哪里?就在那里,在index.htmly中,您的脚本以错误(相反)的顺序包含在您的HTML页面中,不是吗?我希望首先包括AngularJS,然后是应用程序,然后是您的服务,最后是控制器。我曾尝试将脚本的声明顺序更改10万次,但如果您想使用“标准”$routeProvider,您需要
ngRoute
模块作为您模块的依赖项:帮自己一个忙,使用ui路由器非常好,但在必要时才需要。@Bonatoc我已经使用过它。。。这很好。。。但在本例中,OP使用ng路线,我只是指出problem@ArunPJohny:我刚刚将其包含在index.html中,但它仍然没有work@guruvn您的
大写字母也有拼写问题。。您已经将控制器添加到controllers.js中的模块中。并且模块本身在index.html中被数据ng app=“simpleApp”引用。那么,您是否可以更详细地说明参考资料应如何丢失?很抱歉,缺少详细信息。我刚刚添加了一些代码。嗯。。。我们不需要在body标签右侧指定ng控制器。因为我们已经在app.jsp中配置了它,这在使用ng view指令时是正确的,我看到已经添加了ng view指令。添加新的ngRoute模块依赖项应该已经解决了您的问题。此外,请使用浏览器的调试控制台确保您在尝试加载部分时没有收到任何错误。
{{ cust.Name | lowercase }} - {{ cust.City | uppercase }}