问题标签 [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.
angular - 在 Angular 5 中刷新屏幕后,ActivatedRoute.queryParams 未定义
请帮忙!
所以我有以下网址
当我导航到它时,我编写了以下代码:
现在这打印出我所期望的,即 tj: 3 和 bd: 7
但是当我刷新屏幕时,这个 res.tj 和 res.bd 是未定义的。怎么会这样?
最初发生这种情况是因为我注意到刷新屏幕时的 url 已更改为:
但这是由于 url 编码问题,所以我添加了一个 CustomUrlSerializer,如下所示:
这解决了该问题,因此刷新后 url 再次正确:
但是 res.tj 和 ts.bd 仍然是未定义的!!!
已经坚持了好几个小时,所以希望有人能解释为什么会发生这种情况以及我该如何解决?
谢谢!
angular - TypeError:读取ActivatedRoute的参数时无法读取未定义的属性'0'-Jasmine / Karma中的Angular 6测试
我正在尝试测试一个从 Activated 路由读取 Id 参数的组件,目前我的目标是让组件正确呈现,但我不知道为什么测试失败。
对于类似的组件,我以相同的方式通过了 ActivatedRoute,它在那里工作没有任何问题。
零件:
规格文件
javascript - 通过发出 http 请求为路由解析器获取数据,这样第二个的结果取决于第一个的结果
我的路由模块中有一个解析器
然后在我的解析功能中有
我希望根据allOrders键存储价值订单。我想将订单数组作为 ActivatedRoute 快照中的数据传递。请帮忙。
angular - 没有以 # 结尾的 url,角度 url 参数无法获取
我有一个角度应用程序并试图获取 url 参数。路由器配置如下
SharepointMainComponent 构造函数如下所示
如果我输入网址 http://myserver.com?optyNumber=1234
然后我得到未定义的值。但是,如果我输入 http://myserver.com/#/?optyNumber=1234
然后它打印的值就好了。我需要做什么才能使用 /#/
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:
angular - 无法从 Promise 中读取查询参数
我正在尝试从 Angular 中的 URL 读取查询参数,如下所示:
但是,一旦我尝试通过 Promise 执行此操作,它就会失败(then
处理程序永远不会触发):
知道为什么会发生这种情况吗?在我看来,我应该采用第二种方式,因为我只想读取一次查询参数;一直保持 Observable 处于打开状态是没有意义的。
angular - 无法通过根组件中的 route.snapshot 访问路由参数
我想从 url 获取令牌,但它返回 null 作为值。
app.component.ts:
和路由.ts
我想在 / 之后抓取 url 中的内容,例如:localhost:4200/content-to-grab 有什么解决方案吗?
angular - Angular - 如何仅在激活子路由时订阅子路由参数
我有分屏设计。仅当激活子路由时,我想从父路由访问文件夹 ID。以下内容可以为我获取正确的参数,但是在我只显示父路由的初始加载中,我收到控制台错误:
无法读取 null 的属性“参数”
有没有办法只在孩子被激活后才激活上述内容?
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
更新:我在所有页面中都有这个标题组件,而不仅仅是在第二个组件中。所以我不能只把它放在第二个组件中。
angular - 如何以角度模拟activatedRoute.data以获取数据?
我正在从activatedRoute.data 读取数据,如下所示无法模拟ActivatedRoute。请有人建议我。
从“rxjs”导入{ BehaviorSubject };
导出类 MockActivatedRoute { 数据:BehaviorSubject;
}
我试过这样
但无法解决问题。上面的代码用于模拟我想模拟数据的参数..
任何建议请告诉我。