问题标签 [angularjs-ng-route]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2550 浏览

angularjs - ng-Route 没有加载视图,显示一个空白屏幕,没有任何错误

我正在尝试使用 ng-route 以角度创建应用程序,但我无法让它工作。

我确实搜索了这个问题并尝试了将我的 ng-app 移动到但似乎没有任何效果的建议。

我在下面添加了一个 plunker 链接

http://plnkr.co/edit/a8VIRzloIMqANK4f8YXb?p=preview

有人可以帮忙吗

在这里也添加代码

索引html

应用程序.js

DemoCtrl.js

除此之外还有 3 个部分。

0 投票
2 回答
219 浏览

javascript - AngularJS - 类似视图 - 我应该对多个控制器使用相同的视图吗?

假设我们正在为特定对象实现 CRUD 操作 - 这些视图会非常相似,我认为我应该对多个控制器使用相同的视图。有没有办法根据参数动态选择控制器,或者这种类型的动作只能在控制器内部进行?

0 投票
2 回答
555 浏览

angularjs - 角度 ng-strict-di 不适用于 ngRoute

如果我使用ng-strict-di我的 Angular 应用程序并使用该ngRoute模块,我会收到错误消息:

这对我来说很奇怪,因为ngRoute它是 Angular 的官方模块,不是吗?有没有办法仍然一起使用它们?

我已经包含了 angular-route.min.js

0 投票
2 回答
1329 浏览

angularjs - Angularjs 1.3.5 ng-click 不在控制器中从路由调用函数

我检查了类似的答案并尝试修改有效的 Plunkers,但是在我的项目中做类似的事情失败了(可能是由于他们使用 AngularJS 1.1.0 的示例)。

我已经阅读了教程https://docs.angularjs.org/tutorial,但对 AngularJS 来说还是很陌生。

对于我的项目,我使用的是 AngularJS 1.3.9 版和以下模块:

  • 资源
  • 路由

我在使用 ng-click 时遇到问题。

这是我的路由设置:

我的test.php:

这是我的控制器:

当我加载页面时,“你好”出现,但按下按钮什么也不做(控制台中没有错误,它不在表单内)。

我已经看到了一些使用 data-ng-click 的示例,但这也不起作用。Angular 文档中的以下示例确实有效,因此我认为我的问题可能是范围问题:

谁能确认并指出我正确的方向?

提前致谢。

更新:

没有关于注入的任何控制台错误,并且路由工作正常,但我应该包含我的 app.js 以确保完整性(文件还包含我的路由设置,暂时但不是什么大问题):

0 投票
2 回答
810 浏览

jquery - AngularJS:ng-route和Bootstrap datetimepicker之间的冲突

我正在完成一个日历应用程序,我想使用 datetimepicker 来更新事件。我正在使用的可以在这里找到:http: //dalelotts.github.io/angular-bootstrap-datetimepicker/

这是我如何使用它的 HTML 示例:

所以这应该做的是提供一个下拉菜单,允许您选择日期和时间(想象一下)。问题是锚标记需要 href="#" 属性才能使下拉菜单起作用。我真的不明白为什么它需要我只知道如果我将它取出或更改它就会失败(因为它什么都不做)。留下的 href 与 ng-route 有冲突,这意味着当您尝试打开下拉列表时,它会将您路由到不存在的页面( '#' )。

我已经做了一堆谷歌搜索,但到目前为止只找到一个似乎与我的问题相匹配的。他们的解决方法是从href中删除#,但这似乎对我不起作用。

有没有人有解决这个问题的建议?有没有办法可以强制 ng-route 玩得很好?甚至禁用导致混淆的特定事件的路由?预先感谢您的任何贡献。

0 投票
1 回答
1179 浏览

angularjs - 通过 ng-route 或 angular-ui-router 渲染不同的布局 | Angularjs

我需要将后端细分为仪表板布局和登录布局。它必须是两种不同的布局。

我如何使用 angular-ui-router 实现这一点?

索引.html

JS

0 投票
1 回答
3966 浏览

javascript - AngularJS $routeParams 未定义

我是 AngularJS 的新手,我试图在我的代码中使用 $routeParams,在这里搜索以前的答案我确保我已经添加了 '$routeParams' 作为我的数组注入和函数的一部分,我没有使用ui路由器模块。但是,当我尝试记录它时,我仍然得到一个未定义的。

我的 Angular 应用程序如下:

我的控制器如下:

请告知我错过了什么?任何帮助将不胜感激。如果您希望查看导致问题的 HTML 页面

0 投票
0 回答
92 浏览

angularjs - Angular Routing - 让控制器决定呈现哪个视图

我正在努力理解如何ngroute在我的用例中使用,并且我认为我必须从错误的方向接近它。

用例如下

  • 用户在网页中输入标识符
  • Angular 控制器响应ng-click事件并通过标识符进行服务器端调用
  • 如果服务器端代码知道标识符,则会显示一个视图,其中显示与标识符关联的详细信息
  • 如果服务器端代码不知道标识符,则会显示不同的视图,让客户有机会添加他们的详细信息。

我有一个$resource用于执行服务器端调用的服务,并且根据系统是否知道标识符,我设置了$location.path.

鉴于此,我现在在正确的情况下显示当前视图。

但 ....

当我从服务器成功检索数据时,会呈现视图,但它不包含我刚刚检索到的任何数据。这两个视图有不同的控制器——我假设这两个控制器有不同$scopes的,这就是视图没有被正确填充的原因。这是一个正确的假设吗?

如果是,我如何将在一个控制器中检索到的结果与在与不同控制器关联的视图中进行的处理共享。我想过要么将其缓存在服务本身并共享服务,要么将其推送到$rootscope.

处理这种用例的正常方法是什么?

0 投票
1 回答
1075 浏览

javascript - Angular $routeProvider http://localhost/thisapp/ == 好的,http://localhost/thisapp/#/ == 错误。为什么?

我在$routeProvider.

http://localhost/thisapp/工作正常,并重定向到.otherwise()完美。但似乎一旦应用程序加载并登陆“主页”网址(http://localhost/thisapp/#/

然后它会破裂。

如果我导航到http://localhost/thisapp$location解析为http ://localhost/thisapp/#/

如果我刷新(因为您知道用户会这样做),那么代码就会中断

我试过使用$locationProvider,但这更令人困惑。似乎我读得越多,我就越困惑,因为记录的内容似乎不起作用。(如果我取消注释下面的$locationProvider行,则不会生成任何内容)。我查看了 StackOverflow 上的各种教程和问题,但似乎没有像预期的那样工作。

这是我的配置代码:

0 投票
1 回答
185 浏览

javascript - Angular ngRoute 不适用于 Express 4

我尝试使用 Angular 和 Express 4 设置客户端路由。我使用指南ngView而没有 Express,这很好,但是当启用 Express 路由时,ngRoute 不起作用。如何设置 Express 以使其与 ngRoute 一起使用?

一点代码: