问题标签 [angular-new-router]

支持 ui-router 和 1.4 角度路由器autoscroll="true"，以使页面在导航到另一条路线时滚动到页面顶部。有谁知道如何用新的角度路由器做到这一点？

ng-outlet 似乎没有自动滚动属性，路由器本身似乎也没有我可以收听的任何事件，所以我可以手动连接它。

例如，我使用这样的路由器链接：

但是我怎样才能通过打字稿将路由器更改为 /start 呢？

我正在尝试遵循本教程：

https://angular.github.io/router/getting-started

为什么 AppController.$routeConfig 未定义？

我的html：

我正在使用 browserify 设置一个角度项目。

我有一个 gulp 任务，它从bower_components目录中获取所有供应商模块并将它们放在一个包中：

该dependencies.js文件包含以下代码：

一切正常。现在我尝试更改ui-routerwith angular-new-router。

我的新dependencies.js（我的 gulp 任务没有改变）：

有关信息，这是我的bower.json文件：

使用这个新配置 browserify 返回一个奇怪的错误：

: 在 D:\Devs\sharefun\WebApplication2\src\WebApplication2\client\modules 中找不到模块 './....\bower_components\angular-new-router\angular-new-router.js'： \Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:55:21 加载（D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\ resolve\lib\async.js:69:43) 在 onex (D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:92:31) 在 D:\ Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:22:47 在 Object.oncomplete (fs.js:107:15)

我觉得奇怪的是 browserify 正在寻找bower_components\angular-new-router\angular-new-router.js而不是bower_components\angular-new-router\index.js

我正在尝试在 v1.4 中使用 Angular 新路由器。我正在使用打字稿。当我尝试编译时，出现以下错误。

这是我的代码

任何帮助表示赞赏。谢谢。

基于这个视频@ng-vegas: New Angular Router: Bridging the Gap Between 1.x and 2，演示者总共说了 3 种在新路由器中定义控制器和模板的方法。第三个（从 8:40 开始）允许我们在控制器中定义自定义模板 url，如下所示：

但是，我尝试了，但没有运气。那么第三种方式消失了还是有另一种语法？

我在 angular 1.4.6 和新路由器版本 0.5.3 上，想从 url 中删除“/#”。在互联网上似乎找不到任何关于它的信息。

编辑：$locationProvider.html5mode(true); 给出以下错误： Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: TypeError: $locationProvider.html5mode is not a function

尝试在 Angular 2 上设置一个简单的测试应用程序我快疯了。我有 3 个页面/组件要使用新的组件路由器加载。我已经让它半工作了。目前我有两个问题...

1 -如果您键入要转到 Ex 的组件的路径。“ http://127.0.0.1:8080/Test2 ”没有加载我的 Test2 页面，而是说找不到该路由。

2 -当尝试加载不同的页面时，我第一次点击链接时，它会正确加载页面。当我单击链接时，所有其他页面都会抛出异常。

这是我的设置：

应用程序.ts

测试1.ts

测试1.html

测试2.ts

测试2.html

测试3.ts

测试3.html

谢谢你们的帮助！

Yakov 的 LocationStrategy 建议解决了这个问题。对于任何有同样问题的人， https://github.com/zorthgo/Angular2QuickstartTest上的完整工作代码和我的 App.ts 的工作版本如下所示：

如何在 Angular 2 中导航到不同的 URL？我知道我们可以使用 JavaScript 的

window.location.href = '...';

但这似乎是错误的，会导致页面刷新。我很确定 Angular 2 中应该有允许您在不刷新页面的情况下在 URL 之间移动的功能。我似乎无法在文档中找到它。

提前致谢！

在我为新组件路由器看到的所有示例中，ID 始终位于路由的末尾，如下所示：

您需要这样的路由器链接才能访问它：

我的问题是，如果我的路由具有以下格式，我将如何编写我的路由器链接？

当我在地址栏中手动输入“/user/1234/messages”时，我可以成功访问该页面。但我似乎无法弄清楚会做同样事情的路由器链接格式。