问题标签 [angular-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 投票
0 回答
361 浏览

angular - 是否可以在加载的模块中链接路由重定向?(角度)

我希望能够将路由重定向路径与 Angular 中的卸载模块链接起来,这样我就可以将路径信息保留在配置路由路径的相对模块中。

例如在 app-routes.module.ts

例如在 home-routes.module.ts.. 它还需要处理重定向。(甚至来自以前的重定向)

当我使用路径时,我能够获得我的重定向/home,但当它使用默认的空路径时却不能/

例如加载应用程序时的重定向行为(左侧的网址和右侧的重定向):

  • /--->/home
  • /home-->/home/start

期望的行为:

  • /--->/home/start
  • /home-->/home/start

我应该在 home-routes.module 使用什么配置来达到预期的效果?

0 投票
0 回答
147 浏览

angular - ColdFusion 内 IIS 上的 Angular

我有一个 Angular 应用程序,它在我们的内部网络上创建并部署到 IIS7.5 的延迟加载路由。我已经创建了 URL 重写规则,只要我的索引页带有 (.html) 扩展名,它们就可以很好地工作。

但是,我需要应用程序尊重根文件夹中的 Application.cfc,该文件夹管理会话并强制用户登录以访问应用程序子文件夹中的任何页面。

我尝试将索引的扩展名更改为 .cfm,并修改了 URL Rewrites 以指向该扩展名,但出现了问题。

如果我只导航到 index.cfm 页面,然后使用路由,一切正常……但如果我使用地址栏中的路由刷新页面,我会收到 HTTP 500 服务器错误。

我的基础 href="/e/myapp/"

我的 application.cfc 位于“/e/application.cfc”

我的路线的重写规则设置为

将 url 更改为 index.cfm 会在使用路由“/e/myapp/schedule”或“/e/myapp/schedule/new”刷新页面时导致服务器错误,但在“/e/myapp”时不会/index.cfm"

发生 Http 500 错误时,请求的 url 说它指向“/e/myapp/index.cfm”

如果有人成功地完成了这样的事情,我将不胜感激。如果您需要进一步说明,请询问。

0 投票
2 回答
1867 浏览

angular - Angular 2 sidebar component not working on route navigate

Sidebar component is not responding properly when I navigate Internally

When I run onSubmit from my login.component.ts it goes to dashboard/home, 'home' view works fine and My sidebar component loads too but when I click sidebar-items, routerLink doesn't work, and neither the dropdown.

On my login,component.ts I have made a simple authenticate, which when successful will go to the dashboard route which has

and in my dashboard.component.html

But the main problem is that when i navigate to this route, my Sidebar Component doesn't render and links don't work. I have tried even ngZone on my login submission

While this is my app.modules.ts

and for my app.component.ts

But it doesn't even work, I have tried many solutions and check web, can't find the proper answer. The issue is my sidebar-component doesn't work

Expected behavior

I want when I navigate internally to my dashboard route, my component should work properly and be responsive.

0 投票
0 回答
51 浏览

angular - 从渲染组件中删除容器类,该组件通过路由器出口以角度呈现

每当一个组件通过路由器插座以角度呈现时,就会向其中添加一个容器类。是否可以防止它发生,使其行为类似于通过使用组件选择器完成的呈现?实际上我需要一个组件的内容来使用整个页面宽度,但这没有发生

0 投票
0 回答
860 浏览

angular - Angular 2 通配符子域路由

我是 Angular 2 的新手,但我了解路由子域时的概念,我有一个通配符 DNS 记录设置,并且希望一个 Angular 应用程序在请求进入时接收请求。

为了让事情变得更有趣,客户端有一个 API,它需要每个子域的唯一 API 密钥,所以我需要有效地根据子域查找客户端 API,并从那里将其包含在每个请求中,而无需发出后续请求在对我真正感兴趣的数据进行后续请求之前获取其 API 密钥的初始查找服务。

这种方法出现了几个问题

1)您是否会创建一个服务来根据子域查找此信息。如果是这样,您将如何将其存储在初始查找中,以便不必继续请求它。

2) 将此类信息保存在 json 文件中会更好吗?如果可以,如何保证它的安全性以及更多的配置类型的资源。

1)我将如何保存最初基于子域查找的任何数据?(我不想每次加载请求以获取客户端 API 密钥以便传递到进一步的 API 请求时都点击端点)。

3) 有没有办法通过服务持久化初始客户端数据以构建动态标头,以便将其包装在对 API 端点的每个请求中?

0 投票
2 回答
972 浏览

angular - 如何在工厂提供程序(Angular4)中获取 QueryParam

我想根据来自 url 的 QueryParam 在我的应用程序中提供一个常量。

在我的模块提供程序中,我添加了

所以我很感兴趣,如果有一种方法可以在不手动解析 url 的情况下做到这一点

0 投票
1 回答
479 浏览

angular - RouterLink 在模板(Angular)中评估的组件字符串

我试图让 [RouterLink] 评估 *ngFor 中的对象,该对象具有需要评估的代码的字符串值。

零件

每当我查看路由器日志时,它都会显示此的编码版本。例如

url: "/path/%5B''%2C%20%7B%20outlets%3A%20%7B%…pp-popup'%3A%20%5B'popupComponent'%5D%20%7D%20%7D%5D"

如何让 RouterLink 对其进行评估,以便路由正常工作,并且 url 日志将是:

/path/(app-popup:popupComponent)

0 投票
5 回答
7470 浏览

angular - “ActivatedRoute”类型上不存在属性“paramMap”。/node_modules/@angular/router/index"' 没有导出成员 'ParamMap'

hero-detail.component.ts

错误:1> node_modules/@angular/router/index"' 没有导出的成员 'ParamMap'。

2> 'ActivatedRoute' 类型上不存在属性'paramMap'。

0 投票
2 回答
2563 浏览

angular - 在保留主要路线的同时有角度导航到次要路线

我想导航到名为 modal 的辅助路线,而无需明确说明主要路线。

我在组件类中试过这个:

上面的代码似乎工作。但是,它导航到/first(foo:modal)一瞬间,然后导航到 root /

我究竟做错了什么?

做这样的事情会很好:

这样它就可以匹配任何主要路线......这可能吗?

0 投票
1 回答
309 浏览

angular - 带有 Ionic-app-scripts (webpack) 的 Angular AOT 延迟加载模块

我们正在尝试使用 ionic-app-scripts 从同一代码库创建一个 angular (4) 和 ionic (3) 应用程序来构建。我们有一个问题,生产版本不适用于 angular(使用带有延迟加载组件的 angular-router)。

有没有人成功地将 AOT webpack 加载器与 ionic-app-scripts 集成在一起?我们正在尝试使用 ng-router-loader 并将其添加到加载器链中,但是如果加载器在 ng-router-loader 的加载器链中太远,我们会得到运行时编译器不存在错误或 webpack 构建错误index.js 29:14