问题标签 [ngroute]

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 回答
1167 浏览

angularjs - 无法将 ngRoute 与 angularjs 和 requirejs 一起使用

我正在尝试使用 angularjs 并需要创建基本站点不幸的是我没有使用角度路由,这是我得到的错误:

这是我的代码:

索引.html:

主.js:

应用程序.js:

看起来在创建模块之前正在加载路线,但我找不到解决方法并修复它

0 投票
2 回答
3795 浏览

angularjs - 使用 $routeParams 与 $location.$$search 获取 URL 查询字符串之间的区别

如果我有一个始终作为查询字符串传递的特定路由参数,那么使用 Angular 的$routeParams服务检索参数和使用它的$location.$$search服务有区别吗?如果是这样,一个比另一个更可取吗?


网址://localhost:80/app/profile?id=42

$routeParams方法:


$location方法:


我已经$location在需要执行问题中详述的行为的控制器中作为依赖注入。此外,控制器的模块还没有依赖于ngRoute.

0 投票
1 回答
9540 浏览

angularjs - 从 ngRoute 迁移到 ui-router

需要一些关于将我的 ngRoute 配置迁移到 ui.router 配置的指导。目前我有一个主模板(index.html),它有一个注入所有视图的 ng-view。我当前的 ngRoute 配置如下:

我现在想在 index.html 中定义第二个位置,我可以在其中注入一些视图内容——不是嵌套视图,而是另一个 ng-view(或 ui-router 术语中的 ui-view)。原始的 ng-view 部分是默认部分(目前仅用于 /login 和 /contact),而新部分仅用于特定路由(当前仅 '/notification' 但将来可能还有其他)。让我们将新的 ui-view 称为“通知视图”。

我已经阅读了大部分 ui-router 文档,但仍然不确定如何将上述内容迁移到新的 ui.router 配置。有人可以让我开始或指出一些像样的例子吗?


更新:好的,这就是我的位置。我在 index.html 页面中添加了一些状态和新的 ui 视图。见下文:

我的路由现在是:

这似乎在大多数情况下都可以正常工作。当 url/notification被触发时,应用程序被路由到 NotificationCtrl 并将 ui-view 内容呈现到notification-view. 然而,唯一的问题是主(未命名)ui 视图中的 ui 内容丢失了。我希望主 ui 视图中已经呈现的任何内容都保持不变,并且只针对notification-view. 这可能吗?它是否必须改为嵌套视图?

0 投票
1 回答
2899 浏览

angularjs - Angularjs routeprovider 多个路由导致相同的视图

因此,angularjs $routeProvider 的工作流程如下,

我的问题是,有什么方法可以简化以下代码。如果 when('/main1') 和 when('/main2') 指向同一个模板。所以,

之所以提出这个问题,是因为如果我们在网站上有多种语言,并且我们希望对 url 进行多种翻译。

另一种解决方案是识别站点是使用 .com 还是 .de,从而调整到正确的 /main1 或 /main2 翻译。例如,

但从语义上讲,这似乎不是最好的解决方案,因为我喜欢在配置之后将配置选项设置在运行块中。我们也不能注入工厂(只有提供者,我可能弄错了)来配置。

0 投票
2 回答
730 浏览

angularjs - html5Mode 未链接到基本 url

我正在使用带有 html5Mode 的 AngularJS 1.3.2。我的应用托管在http://localhost/app

我的基地设置为

我正在尝试创建指向应用程序根目录的链接,但是当我这样做时

它指向我http://localhost,但我需要它指向我http://localhost/app

0 投票
0 回答
57 浏览

javascript - 在不使用 ui-routing 的情况下增加视图/嵌套视图

我正在做一个有角度的项目,他们在项目中使用了 ng-routes,现在我必须创建一个页面/视图,它有 3 个下拉列表和 3 个选项卡,下拉列表对于 3 个选项卡是通用的,每个选项卡都有涉及一组复杂的 highcharts 和手风琴。

正如您在所附图片中看到的那样,每次用户单击链接 page1、page2、page3 时,“显示部分”都应该改变,保持下拉列表不变,并且应该在显示区域内可用,请逐步建议我任何想法,除了 ui-routes,因为我的项目已经使用 ng-routing 完成了。

注意:所有 3 个选项卡的视图/模板都不相同,第一个选项卡有一个带有手风琴的高图,第二个选项卡有一个嵌套的 Div,其中包含一些进度条类型的数据,第三个选项卡,UI 尚未确定,总体视图将彼此不同。

非常感谢

在此处输入图像描述

0 投票
2 回答
221 浏览

angularjs - 为什么我的资源不能在我的 ng-model 上显示?

在我的项目中,我使用 ngRoute 将 edit.php 视图加载到我的索引 ng-view

我不知道为什么 ngResource 结果没有绑定到我的 ng-model,这是我的代码:

Javascript:

编辑.php:

后端返回以下 json

我使用 chrome 调试器检查是否从 ngResource 返回了任何结果,它显示以下内容:

任何人都可以帮忙吗?谢谢你。

0 投票
1 回答
657 浏览

json - AngularJS:动态加载从数据库中检索的 HTML 标记

我正在使用以下方式从 JSON 文件中获取数据factory

并在以下位置访问它controller

JSON 文件中的数据包含标签、四个选项和一个类型复选框,如值。我必须使用此数据将其格式化为 HTML 标记。

我发现一种方法是在其中创建一个 HTML 标记controller并将其绑定到div使用ng-bind-html. 指令不起作用,因为我已经实施了ngRoute

最好的方法是什么?

0 投票
2 回答
1544 浏览

javascript - 争论 '' 不是 Angular 路由中的函数

我收到此错误,我无法找到问题,以下是我的错误

Error: [ng:areq] Argument 'homeCtrl' is not a function, got undefined http://errors.angularjs.org/1.2.25/ng/areq?p0=homeCtrl&p1=not%20aNaNunction%2C%20got%20undefined at VALIDITY_STATE_PROPERTY (http://localhost:8100/lib/ionic/js/ionic.bundle.js:7703:12) at assertArg (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9134:11) at assertArgFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9144:3) at $get (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14903:9) at updateView (http://localhost:8100/lib/ionic/js/ionic.bundle.js:42986:30) at IonicModule.directive.directive.compile (http://localhost:8100/lib/ionic/js/ionic.bundle.js:42942:9) at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14336:13) at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13730:13) at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14330:24) at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13730:13)

以下是我的 Angular 和 Ionic 项目:

但如果我homeCtrl从路线中删除,它工作正常。我现在花了相当多的时间,对我来说似乎没问题。

0 投票
1 回答
48 浏览

angularjs - 路由未在 angularjs 1.2.15 中解析

我有一条
/hungry/hippo/nom-nom-nom
地图很好的路线。没问题。

添加一个额外的斜线
/hungry/hippo/nom-nom-nom/to-full-barf

后者没有解决,我不知道为什么

仅仅增加额外的深度to-full-barf并不能解决。

有什么建议么?

更新:
做了更多的挖掘,电话没有通过express.js。我认为问题不在于角度,而在于表达。