问题标签 [ngcomponentrouter]
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.
javascript - 将 Angular 2 路由器反向移植到 Angular 1 是否有进展?
据我了解 ngComponentRouter (ngNewRouter)已被弃用。除了 ngRoute 和 ui-router 之外,我没有找到任何其他替代方案,它们显然不是为与components一起工作而设计的。
angularjs - 在 AngularJS 1.5 中使用哪个路由器
我正在其 1.5 版本上开发 AngularJS 应用程序,但我对使用哪个路由组件(ngComponentRouter
或ui-router
)感到困惑。
正如他们所说,这ngComponentRouter
已被弃用。而且,我担心在不久的将来我可以轻松地将我的 AngularJS 应用程序从 1.5 迁移到 2.0。
提前致谢
javascript - Angular1.5 用哪个路由器?
这个问题似乎有点“IdidntwanttosearchonGoogle”,但我做到了。很多,一切都奏效了。
我正在尝试使用 angular 1.5 构建一个小型 Web 应用程序。问题是我从来没有使用过路由(从来没有!),而 Angular 1.5 似乎对它模棱两可。我已经看到 1.5 使用像 Angular 2 这样的组件路由器,然后在 Angular 页面上它说它已被弃用,我们必须使用 ngRoute。
事实是,无论如何,我不明白该拿哪个以及如何使用它。在我的 bower.json 中试过这个:
在我的 index.html 中:
如果您有一个指南可以正确解释 Angular 1.5 中的路线,谁在工作,那将是完美的!
angularjs - $routerCanActivate 不起作用(Angular 1.5 组件路由器又名 ngComponentRouter)
首先,是的,我知道 ngComponentRouter 模块已被弃用,但我的应用程序已经在使用它时运行良好,除了这个问题。
问题是 $routerCanActivate 函数没有触发(在https://docs.angularjs.org/guide/component-router中搜索“$routerCanActivate”以查看它应该如何工作)。
任何人都可以提供它工作的例子吗?
angular - Angular 2 Header 组件标题根据状态动态变化
我有一个使用 Angular 2 的设计,其中标题组件、导航栏组件和所有其他组件加载的正文组件。如下图所示
- 标题
- 导航
- 加载其他组件的位置(本节可能有嵌套组件/子组件)
所以这里基本上,在标题组件中,我想显示当前状态。而在当前状态的底部,我想展示用户之前的状态。
问题:为了实现这一点,我在 Angular 中使用了组件交互技术。
重新加载应用程序后,它会显示当前和返回状态的默认值。在用户直接登陆到作为正文中的子组件的特定页面的场景中,它显示当前和返回状态的默认值。
由于 Angular 遵循组件架构,我想要一种更好的方法来实现此功能。
如果我直接来到图片中第 3 节中的子组件,我的标题组件应该根据标题组件中的特定页面获取标题/当前状态。
我的解决方案是在 ngOnInit 传递当前状态值时在每个组件中。我还解析了以前的状态值。因此,标题组件按原样显示,因为服务是使用此链接中的技术编写的 - https://angular.io/docs/ts/latest/cookbook/component-communication.html
但是在某些情况下,我从服务器获取数据并且必须更新标头当前状态。在那里我看到根本没有显示。
需要一个好的解决方案的帮助。
PS - 由于这种机制在不同的文件中并且有点复杂,我无法更新代码模板
angularjs - 更改 Angular 1.5 组件路由器中路由更改的浏览器标题
我正在使用 Angular 1.5 组件路由器。每当路线发生变化时,我都需要能够更改浏览器选项卡上显示的标题。
我浏览了组件路由器文档并将其搜索到许多网站,但没有任何运气。我能看到的唯一方法是在每个组件的 $onInit 方法中使用 vanilla JS。
我正在寻找一种有角度的方法,并将所有标题设置在一个地方。请帮忙。
javascript - 单元测试 ngComponentRouter - Angular 1.5.x
我正在尝试为 Angular 1.5 构建基本单元测试,目的是 A) 练习单元测试,以及 B) 熟悉 Angular 1.5.x 中基于组件的开发。我正在尝试对一个简单的组件进行单元测试,但我不断收到以下消息:
错误:[$injector:modulerr] 无法实例化模块应用程序,原因是:
错误:[$injector:modulerr] 无法实例化模块 ngComponentRouter,原因如下:
错误:[$injector:nomod] 模块“ngComponentRouter”不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。
我想要一些关于如何将这个特定的依赖项/模块注入到单元测试中的指导。这是我的代码:
应用程序.js
组件-app.component.js
组件-app.component.spec.js
javascript - Angular Module Injection Error (Angular 1.5)
I have defined a sample project structure to try out ngComponentRouter
. Here are the following files ,
I may be missing probably basic few things.
Index.html
app.js
And , crisis.js
looks something like :
Errors in the console are :
angularjs - 角度路由不广播 $routeChangeSuccess
我正在使用AngularJS
和angular_1_router
:https ://docs.angularjs.org/api/ngComponentRouter 。
我想在路由之间导航时检查是否允许下一个路由,如果不允许,用户将被重定向到 403 页面。
在 AngularJs API 中:
$routeChangeSuccess
在路由更改成功发生后广播。解析依赖项现在在 current.locals 属性中可用。
所以我做了如下:
该_handleForbiddenRouting
函数将检查我正在导航的路线是否允许,如果不是,用户将被重定向到其中的路线名称result
(即 403 页面)。
在某些情况下,有一些视图没有解析(视图没有渲染),因为在调用过程中出现了错误$routerOnActivate
(例如 XHR 错误),在这种情况下,angular_1_router
没有广播事件$routeChangeSuccess
,因此函数_handleForbiddenRouting
没有执行。
我该如何解决这个问题?
编辑:
请不要在$routeProvider
和之间混用ngComponentRouter
。