问题标签 [angular-activatedroute]

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

angular - 在 Angular 5 中刷新屏幕后,ActivatedRoute.queryParams 未定义

请帮忙!

所以我有以下网址

当我导航到它时,我编写了以下代码:

现在这打印出我所期望的,即 tj: 3 和 bd: 7

但是当我刷新屏幕时,这个 res.tj 和 res.bd 是未定义的。怎么会这样?

最初发生这种情况是因为我注意到刷新屏幕时的 url 已更改为:

但这是由于 url 编码问题,所以我添加了一个 CustomUrlSerializer,如下所示:

这解决了该问题,因此刷新后 url 再次正确:

但是 res.tj 和 ts.bd 仍然是未定义的!!!

已经坚持了好几个小时,所以希望有人能解释为什么会发生这种情况以及我该如何解决?

谢谢!

0 投票
2 回答
2997 浏览

angular - TypeError:读取ActivatedRoute的参数时无法读取未定义的属性'0'-Jasmine / Karma中的Angular 6测试

我正在尝试测试一个从 Activated 路由读取 Id 参数的组件,目前我的目标是让组件正确呈现,但我不知道为什么测试失败。

对于类似的组件,我以相同的方式通过了 ActivatedRoute,它在那里工作没有任何问题。

零件:

规格文件

0 投票
1 回答
245 浏览

javascript - 通过发出 http 请求为路由解析器获取数据,这样第二个的结果取决于第一个的结果

我的路由模块中有一个解析器

然后在我的解析功能中有

我希望根据allOrders键存储价值订单。我想将订单数组作为 ActivatedRoute 快照中的数据传递。请帮忙。

0 投票
0 回答
61 浏览

angular - 没有以 # 结尾的 url,角度 url 参数无法获取

我有一个角度应用程序并试图获取 url 参数。路由器配置如下

SharepointMainComponent 构造函数如下所示

如果我输入网址 http://myserver.com?optyNumber=1234

然后我得到未定义的值。但是,如果我输入 http://myserver.com/#/?optyNumber=1234

然后它打印的值就好了。我需要做什么才能使用 /#/

0 投票
2 回答
717 浏览

angular - Investigate activatedRoute observables using rxjs operators

I have a quite simple request: I would like to investigate the activateRoute observables (both paramMap and queryParamMap) - I would like set component variables according to the results of them. Tried doing that using rxjs operators pipe and flatMap, but couldn't result it successfully. See my code:

0 投票
0 回答
560 浏览

angular - 无法从 Promise 中读取查询参数

我正在尝试从 Angular 中的 URL 读取查询参数,如下所示:

但是,一旦我尝试通过 Promise 执行此操作,它就会失败(then处理程序永远不会触发):

知道为什么会发生这种情况吗?在我看来,我应该采用第二种方式,因为我只想读取一次查询参数;一直保持 Observable 处于打开状态是没有意义的。

0 投票
4 回答
1979 浏览

angular - 无法通过根组件中的 route.snapshot 访问路由参数

我想从 url 获取令牌,但它返回 null 作为值。

app.component.ts:

和路由.ts

我想在 / 之后抓取 url 中的内容,例如:localhost:4200/content-to-grab 有什么解决方案吗?

0 投票
2 回答
903 浏览

angular - Angular - 如何仅在激活子路由时订阅子路由参数

我有分屏设计。仅当激活子路由时,我想从父路由访问文件夹 ID。以下内容可以为我获取正确的参数,但是在我只显示父路由的初始加载中,我收到控制台错误:

无法读取 null 的属性“参数”

有没有办法只在孩子被激活后才激活上述内容?

0 投票
1 回答
889 浏览

angular - 如何在Angular 6的通用组件中获取参数值

我有 HeaderComponent,它对所有页面都是通用的,并且出现在每个页面上。所以,我为 Header 创建了单独的组件,并使用选择器添加到 app.component.html 中。我创建了两个子页面“Home”和“Second”,并<router-outlet>在 app.component.ts 中使用

路线

我在第二个组件中传递参数 id 和 category。

在 HeaderComponent 中,我想在路由更改时获取此参数,所以我在header.component.ts中执行了以下代码

但是,我无法获得参数。我在控制台中收到 {} 空参数,我也附加了 stackblitz 链接。

https://stackblitz.com/edit/hardik?file=app%2Fapp.routing.module.ts

更新:我在所有页面中都有这个标题组件,而不仅仅是在第二个组件中。所以我不能只把它放在第二个组件中。

0 投票
0 回答
193 浏览

angular - 如何以角度模拟activatedRoute.data以获取数据?

我正在从activatedRoute.data 读取数据,如下所示无法模拟ActivatedRoute。请有人建议我。

从“rxjs”导入{ BehaviorSubject };

导出类 MockActivatedRoute { 数据:BehaviorSubject;

}

我试过这样

但无法解决问题。上面的代码用于模拟我想模拟数据的参数..

任何建议请告诉我。