问题标签 [angular-new-router]

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 投票
2 回答
18193 浏览

angularjs - Angular 1.5 和新的组件路由器

我正在使用 Angular 1.5 beta 2 和来自 Angular 2 alpha 45 的新路由器。
我找不到使用 Angular 1 的最新路由器的使用
示例。我可以找到使用 Angular 2 的路由器使用示例@RouteConfig

有人可以解释我将如何配置 angular 1 控制器吗?并且,如果可能的话,一个完整的工作示例?

0 投票
2 回答
8416 浏览

angular - Angular 2 - 相当于新路由器的路由器解析数据

我正在使用 Angular 2.0 new router,我尝试使用类似于 Angular 1.X ui-router / ng-route 解析机制的东西。

我试图通过以下方式实现这一目标RouteData

使用这个 ( home) 的组件:

记录到控制台的数据不是我从服务初始化的数据。如果我直接在 中初始化它@RouteConfig,它将起作用。例如:

所以,我错过了将数据从控制器/组件传递到@RouteConfig.

另一个问题 - 在 Angular 1.X 中,通过路由器的解析将数据传递给路由是一种很好的做法。new router使用/以这种方式将数据传递给组件仍然是一种好习惯components router吗?

编辑 可以在这里找到解决方案- 使用@CanActivate事件

0 投票
1 回答
506 浏览

caching - angular2-beta.0 真的缓存视图吗?

速度与性能

Angular 2 比 Angular 1 快得多,它支持通过服务器端预渲染实现快速初始加载、用于快速启动的离线编译以及用于平滑虚拟滚动和快速视图转换的超快更改检测和视图缓存。

这些功能看起来很棒,但一个正常的要求是,当我从 导航ListComponent到 时ViewComponent,我希望保留ListComponent缓存,所以当我从 中单击返回时ViewComponentListComponent不需要重新渲染(ListComponent通常从第 2、3 页等获取 AJAX 数据。我知道我可以将数据保存在服务中并scrollPosition在单击返回时存储,但它会再次重新呈现数据。我真的认为缓存它是一种更好的方法。

我实现CanReuse了 ,但它不起作用,它只在 . 之间导航时起作用ViewComponentsListComponent所以,我想知道ViewComponent缓存是如何工作的。

0 投票
1 回答
271 浏览

angularjs - 角度新路由器是 1.5 版本的一部分吗

角度新路由器是 1.5 版本的一部分吗?我找不到明确的答案,但也许我遗漏了一些明显的东西。

0 投票
1 回答
55 浏览

angular-new-router - 设置脚本标签以访问新的角度路由器

我开始使用新的角度路由器。我按照https://www.npmjs.com/package/angular-new-router的说明进行了 npm 安装。但是,我在设置脚本标签时遇到了困难。

我正在玩一个使用路由器的教程,作者这样设置他的路由器......

但是我无法访问脚本。我查看了节点模块上的文件。

我可以在 dist 文件夹内运行的docs 文件夹中找到router.es5.js文件

但是我无法让它运行。我已尝试更改我的文件夹名称以更好地匹配。但是,我仍然没有正确访问该文件。

此外,我尝试浏览整个文件目录但没有成功。

我知道本教程是从去年 4 月开始的,所以我想知道是否发生了一些变化,或者是否有另一种安装方式,或者其他人如何设置他们的路径?

***** 更新 ***** 我正在关注链接https://github.com/angular/router/pull/252/files

我复制了作者在此使用的脚本标签

这是有道理的,因为文件正在通过节点模块文件夹。除非有人知道更好/更正确的方法,否则我会将其更改为答案。

0 投票
1 回答
1256 浏览

angularjs - 如何在 Angular 1.5 中注入组件路由器?

我正在使用 Angular 1.5 并尝试从 1.4 中的 ui-router 迁移到 1.5 中的新组件路由器。

但是,当我更新到 1.5 时,我看不到将“$router”注入我的配置的方法。

我知道我可以从这个存储库下载 angular_1_router.js:https ://github.com/brandonroberts/angularjs-component-router

但是新路由器不应该包含在 1.5 中吗?

抱歉,这方面的文档似乎不多。只有过时的文档引用了 Angular 1.4 和Angular 2.0 文档

当我尝试使用 angular_1_router.js 文件时,我$injector:modulerr在尝试使用“ngComponentRouter”时得到一个提示,因此我无法将这条路线作为一种解决方法。

0 投票
0 回答
591 浏览

angularjs - Angular 新路由器现在是 ngComponentRouter。$componentLoaderProvider 的等价物是什么

有谁知道 $componentLoaderProvider 的新 ngComponentRouter 等价物来告诉路由器在哪里可以找到视图。我有一个位于应用程序根目录之外的主组件

app/components/home/home.html 以及以下 home.js

在上面的 templateUrl: 'app/components/home/home.html' 中,我认为应该可以省略。

以前版本的文档显示

但是它在 $componentLoaderProvider 上抛出一个错误,并且在通过 angular_1_router.js 文件进行搜索后,我找不到这样的提供者......有谁知道如何告诉 ngComponentRouter 在哪里可以找到组件的模板视图?

0 投票
0 回答
117 浏览

angularjs - component() 和 New Angular Router 将如何在 1.5 中协同工作?

我已经分别阅读了这两个提案,但在将它们拼凑在一起时遇到了麻烦。

因此,使用 component() 我们可以设置 bindings 属性以从组件外部获取数据。

然而,新的角度路由器似乎没有通过这些绑定传递数据的机制。

相反,我发现的示例是将 $routeParams 注入组件的控制器。

但这会限制组件的可重用性!我在这里错过了什么吗?如何设置路由器以将值绑定到组件?

0 投票
1 回答
226 浏览

angularjs - 根目录下的Angular新路由器强制组件文件夹

我正在尝试在我的 Angular 1.5(+ Typescript)项目中使用 Angular新路由器。

我遵循了入门手册,但它迫使我将所有 HTML 组件文件夹都放在我的根文件夹下:

无法实例化控制器 HomeController

http://localhost:8083/components/home/home.html 404(未找到)

我可以改变它吗?

我的路由代码是:

我的组件是:

我的嵌套文件夹是根路径下的 app/dashboard/components

0 投票
0 回答
77 浏览

angularjs - Angular新路由器如何在没有映射路由时定义默认路由

我正在使用Angular 新路由器并将其配置如下:

当 URL 未映射到列表中时,如何定义默认路由?
我正在为默认路由搜索类似于“其他”选项的内容。

例如,当用户发送 /home/group 我希望它映射到默认组件时,目前我收到以下错误:

无法读取未定义的属性“canonicalUrl”