问题标签 [ngroute]

我一直在尝试一个 ng-route 示例，该示例适用于 AngularJS 1.0.1 版，但不适用于 1.2.15 版。我确实添加了依赖 angular-route.js 但仍然出现未捕获对象错误。以下是我的例子。它由 4 个文件（index.html、page.html、chapter.html 和 main.html）组成。

如果您注释掉 1.2.15/angular.min.js、angular-route.js 和 .module('testNgRoute', ['ngRoute']) 并取消注释 1.0.1/angular.min.js 和 .module('testNgRoute '，[]）。它会起作用的。

page.html 只包含一行“This is page.html”

chapter.html 仅包含一行“This is chapter.html”

main.html 仅包含一行“This is main.html”

这是我的 index.html 文件

我有一个AngularJS有两个视图的项目；/settings和/。该app.js文件看起来像；

定义所有路线的地方。

然后我有app/views/bill.html& app/views/settings.html。

现在，grunt serve在我可以使用ngHref. 问题是当我这样做grunt build并nginx指向构建目录（路径是/kds）时，我看到一个GET http://localhost/views/settings.html 404 (Not Found)

路径应该是相对的，因此它应该是 aGET http://localhost/kds/views/settings.html但事实并非如此。这里发生了什么？

这看起来更像是一个糟糕的服务器配置，而不是其他任何东西。还是构建让我搞砸了？

服务器指令是；

location /kds { alias /Users/asheshambasta/code/kds/dist/; index index.html index.htm; }

编辑（完整app.js）

应用程序所需的所有文件：

希望我能正确解释这一点。在 Angular 教程中，您可以使用 partials 来执行此操作：

我们都已经做到了，而且效果很好，但是我第一次使用了一个不同的 login.html 页面，它与其余页面没有任何共同之处。有没有办法我可以使用 ngRoute 来设置控制器并只加载整个 login.html 页面而不是将其指向部分页面？

出于某种原因，当我以 Angular 到达某个路线时，我的浏览器崩溃了，我的节点服务器发出了大量请求：

我点击的路线：

a(ng-href='/courses/{{ course._id }}') {{ course.title }}

在 app.js 中定义：

控制器：

Course服务：

在服务器端，路由是：

我真的很困惑为什么课程部分不呈现并且浏览器崩溃

我知道它在这里被问了很多次，我也找到了。但它不能解决我的问题。情况就是这样。我有一个 AngularJS 应用程序。我有一个列表页面。我有一个按钮要添加。当我点击添加按钮时，一个弹出窗口会带有一个表单。我想在弹出窗口出现但在同一个控制器中时更改 URL。此外，我想在每个按钮上添加一些其他按钮，一些 html 显示为弹出窗口或其他位置，但相同的控制器在 url 更改时无需重新加载所有范围。

我已经尝试过。

应用程序.js

组.html

控制器.js

WebClientApp.controller('GroupCtrl', function ($scope,$http, $location, $routeParams) {

当我单击添加按钮时，它将显示添加表单。当我输入组名并提交时，它应该在更改 url 后显示编辑表单，并在表单中填写组名。但是当我尝试时，由于 url 正在更改，因此 group 对象的值变为空。我在控制器中添加了以下内容，但不知道之后该怎么做。

如何将最后一条路由的范围变量分配给当前路由范围。我也尝试在搜索时重新加载为 false，但它没有用。

我正在创建一个 NodeJs + AngularJS 应用程序。我有存储到数据库中的酒店列表。我想根据酒店名称和基于属性 ID 的加载部分视图创建动态路线。

例如，在我的数据库中，我有：

在 app.js 我想要这样的东西

angular.forEach(reviews, function (review) { $routeProvider.when(review.title.replace(" ","-"), { templateUrl: 'partials/review', controller: reviewCtrl }); });

]);

在这里，Hotels/reviews 将是通过调用 api 来自数据库的列表，并且我想将它们对应的 Id 作为路由参数传递给控制器​​。

我的应用程序中有许多其他部分，我必须从数据库中创建路由。

请帮忙。

问候， - 马诺伊

我有一个简单的布局，如下所示：

“主要部分”向用户展示表单；根据他们的选择，“主要部分”state应该改变（即：应该加载不同的部分）。我如何促进这一点UI.router？

例如：仅更改columnOne状态/about： http: //plnkr.co/edit/IzimSVsstarlFviAm7S7

我正在使用带有 ngRoute 模块的角度框架。

我定义了一组具有共同 url '/:backoffice/*' 的路由。

我想要的是当我调用该组中的某个组时，它在全局路由中传递，我可以确定用户是否有权访问，如果确实如此，路由过程将继续到我们调用的组的路由。

我在 Angular网站上阅读了一些内容，并尝试使用 URL “/backoffice/ ”、“/backoffice// :restofurl” ，但它没有进入解析范围，我不确定是否会重新路由。

我不知道这是否是最好的方法。这条路线是在定义另一组之前定义的。有人可以帮助我吗？

我有一个非常奇怪的错误，我已经设置了路线和控制器。现在我只有一个没有错误的空白页？

索引.html；

>

控制器.js：

路由器.js：

/templates/index.html 只说“嗨”。有谁知道为什么我得到一个空白页？它应该将我重定向到 /index.html 并且 /index.html 应该使用 /templates/index.html 作为模板。什么问题和解决方法？

更新：

当我转到 /index 时它可以工作，所以其他参数不起作用，为什么不呢？

这是我对 AngularJS 指令的第一次测试，我可能遗漏了一些非常基本的东西。

运行我的测试套件时，在调用 $compile 函数后出现错误：当它试图评估urlIsSameOrigin是否：

TypeError：'undefined' 不是对象（评估 'parsed.protocol'）

tableDirective.js 指令

https://gist.github.com/jdreimann/a5076363f1d8f3a605a0

tableDirective.js 测试

堆栈跟踪