问题标签 [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 投票
1 回答
87 浏览

javascript - ngRouter 到 ui-router

我最近购买了一个angularjs模板,我用它来构建我的应用程序,但是我注意到使用了ngRouter而不是我更喜欢并且更熟悉 的ui-router 。

我尝试包含ui-router并更改所有路由并且它有效,但是我的路由中有一些额外的代码我仍然不理解并且不知道放在哪里,这是我仪表板的旧路由:

这就是我将其更改为:

如您所见,有很大一部分代码丢失,这会影响我的仪表板的某些功能。我的问题是使用ui-router我在哪里将所有代码放在resolve中:

我以前从未遇到过resolve,我对angularjs还是很陌生,并且不知道在切换到ui-router后如何处理这一部分。

0 投票
0 回答
336 浏览

angularjs - 具有角度增强的 ngroute

我只是试图使角度引导工作在我希望仅在使用服务调用从服务器检索一些数据后才加载我的应用程序。但是我无法使用 $routeprovider 来完成这项工作。引导后我的路线不起作用。谁能知道我在这里做错了什么???

它似乎也无法识别我的 MainController。在我的 html 文件中,我有如下代码:

0 投票
1 回答
758 浏览

angularjs - apache上带有html5mode(true)的angularjs ngroute失败

我正在尝试将 ngroute 与 $locationProvider.html5Mode(true) 和 htaccess 重写一起使用,但我无法让它工作。

当我尝试访问例如http://localhost/angular_blog/article/someTitle时,我在控制台中收到以下错误:

我想我已经完成了我能找到的所有事情,但是它应该可以工作,所以显然缺少了一些东西。我在下面包含了我的代码,任何帮助或指针将不胜感激。

HTML

JS - blogApp.js

HTACCESS

0 投票
1 回答
139 浏览

javascript - AngularJS $routeProvider 按页面路由不同?

我的构建过程连接了所有 JS,所以没有任何黑客攻击,有没有办法指定 a$routerProvider应该只在单个页面上使用,或者覆盖$routeProvider以页面适当的路由响应?

我有这个:

/app/page1#/many-things-go-here

/app/page2#/many-things-go-here

我希望这些路线的处理是分开的。我怎么做?

0 投票
1 回答
2534 浏览

angularjs - spring如何在jsp页面中使用ng-view

尝试使用 Angular 和 Spring 通过简单的 http 会话实现用户身份验证。

index.jsp(我的主页)中,ng-view正在使用 a 。
但是由于$routeProvider无法从templateUrlurl中找到模板(我认为这是错误/login的原因),因此只有页面被渲染,并且没有渲染并且也发生错误。 下面附有错误和相关代码以及我的文件夹结构的快照。
index.jspng-view



根据我有限的知识,这是我引用模板的方式templateUrl导致错误错误片段

在此处输入图像描述


索引.jsp

应用程序.js

如果需要,请询问更多详细信息。提前致谢。

0 投票
3 回答
4449 浏览

html - 在angularJS中使用带有'controller as'语法的ngRoute

我有以下configcontrollers

当我在index.html.

由于我不使用$scope,因此仅编写是{{pageClass}}行不通的。我怎样才能解决这个问题controller as syntax

编辑

我得到了几个很好的答案。如果您想controllerAs用不同的名称命名您的值,我还发现了另一种方法:hctrlactorctrl如我上面的代码):

您可以在 html 中执行此操作:

0 投票
1 回答
43 浏览

javascript - AngularJs - ng-route 不适用于顶部位置

我想在页面更改时创建动画。

我想到了一个从下到上的动画,第一个加载动画可以正常工作,但是如果您向下浏览页面并单击链接以更改页面不再起作用。

这个问题是由于一旦摇动的角度页面不再考虑窗口顶部而是考虑滚动页面。

我尝试使用 date-autoscroll = "false",页面重新定位良好,但您丢失了动画。

有什么想法?

**DEMO** http://plnkr.co/edit/j7r3s33Y3GcTyH2Fop9K?p=preview

0 投票
1 回答
105 浏览

javascript - ngRoute 没有加载我的模板之一

ngRoute 适用于我的所有路线,除了一个(模板/:模板 ID)。当我单击链接到该 URL 的按钮时,控制台中没有错误消息,只是将我重定向到 else 函数指定的主页。

Javascript:

HTML:

我对拼写错误进行了三次检查,但我会再次检查,我不确定出了什么问题,其他一切正常。

0 投票
1 回答
118 浏览

javascript - AngularJS ngRoute 直接部分访问

我的应用程序在 ngRoute 上运行良好,但是当我尝试直接访问我的部分(从地址栏)时,它只返回部分(没有主页)。如何隐藏这些部分以防止直接访问?

说明:我有一个有 2 个块的站点。第一个是菜单,第二个是内容(我的路线之一)。菜单有链接:“#/main”和“#/account”。当我按下按钮时,它工作正常(左侧菜单和内容)。但是,如果我将 URL 从 localhost:8080/#/account 更改为 localhost:8080/account,它只会呈现内容,没有菜单。我想隐藏对 localhost:8080/account 的访问权限,或者让它通过菜单呈现内容。

0 投票
1 回答
94 浏览

javascript - 使用自定义名称构建面包屑

我正在尝试为我正在编码的网络应用程序制作自己的面包屑服务。唯一的问题是我想为面包屑自定义名称,因为它们的名称不会出现在路径中。例如,我的一个想法是用 替换<a ng-href="/home">所有<a ng-click="goTo('/home', 'Home')">

我害怕的一件事是浏览器的后退按钮。它搞砸了,我正在尝试使用 $routeChangeSuccess 的侦听器来考虑可能的解决方案。我的服务目前看起来像这样(有点乱):

我计划让任何控制器具有允许更改路由以实现服务并使用 ng-clicks 来执行路由而不是 hrefs 的按钮。我也愿意接受更好的解决方案的建议。

编辑:修复了一个新手错误:P