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

subscription - 使用 ion-router-outlet 时,ionic4 Angular 7 查询参数订阅不会在每次更改时触发

这是我的代码

我的 HTML 代码是

我也试过像

我正在尝试订阅查询参数。但是,当有变化时,它并不是“安慰”变化。

它适用于“路由器插座”,但不适用于“离子路由器插座”,有人可以告诉我我在这里做错了什么吗?谢谢你。

0 投票
1 回答
84 浏览

angular - Angular 的 ActivatedRoute 使用相同的组件进行“新建”和“编辑”

我不完全了解如何使用 ActivatedRoute 服务。在我的应用程序中,创建或编辑用户的代码完全相同,唯一的区别是“编辑”首先从 Web 服务中查询当前值,而“创建”则没有。

我想要的是这样的路线:

然后如果:id提供了,我正在编辑,如果没有,我正在创建。我从服务中看到了很多不同的阅读方式,ActivatedRoute以至于我现在不知道什么是正确的。

我只是在看快照吗,我是否订阅了某些东西,等等...

0 投票
1 回答
22035 浏览

angular - 角度 7 获取 ActivatedRoute 参数不起作用

您好,提前感谢您的帮助。

我一直在研究这个问题一段时间,但还没有弄清楚。

我想要做的是访问参数并显示页面上选择的内容。

单击 routerLink 时它不会触发。

所以我有以下几点: 关于stackblitz的问题

我似乎无法让它工作。

布局.component.ts

layout.component.html

应用程序路由.module.ts

app.component.html

app.component.ts

app.module.ts

谢谢内特

0 投票
1 回答
2015 浏览

angular - Angular,获取父路由组件

我正在构建一个 Angular 7 应用程序。在这个应用程序中,我得到了嵌套路由。我希望能够检测到父路由使用的组件。我找到了一种在本地进行的方法,但这不适用于生产(输出不同)。

我使用这种方法:

this.route.parent.component['name'] 方法在本地输出名称,但在生产中仅输出字母 T。

我收到了这条消息

检测哪个父路由激活了子路由以便我可以采取行动的正确方法是什么?

0 投票
1 回答
107 浏览

angular - 使用 RouterLink 重定向时无法触发 ngOninit 和 route.params

我正在尝试使用 routerLink 从一个页面重定向到另一个页面,但重定向的链接不会触发 ngOnInit() 方法以及 ActivatedRoute 订阅。重定向页面然后冻结,但控制台上没有错误。

所以这是我的 HTML

然后这是我的component.ts,它返回url

这是重定向的组件edit.ts

}

0 投票
3 回答
215 浏览

angular - 从路由树中的另一个组件获取数据

例如,您有组件 A、B 和 C 以及此路线方向:

我可以使用以下几行从前一个组件中检索数据(到达 C 并从 B 获取数据):

组分 C:

但我想从组件 A 中检索数据:

组分 C:

0 投票
6 回答
17555 浏览

angular - Angular:获取父路由中的参数值

我有像这样的网址

  • www.yoursite.com/accounts/:accountid/info
  • www.yoursite.com/accounts/:accountid/users等等

accountidURL 中有一个整数值

但无法使用ActivatedRoute参数访问它。

现在我正在拆分 URL 以获取accountid

除了拆分 URL 之外,还有更好的方法来访问该值吗?

更新

我有一个不同的模块account,其中包括帐户相关页面的所有组件和服务。

我懒加载这个模块。所以在根级路由中,app-routing我指定

在帐户模块中account-routing,我指定孩子

笔记 :

如果存在,我们可以访问子路径中的参数。但不是父级的,为什么?

我正在获取undefined父路径中的参数

0 投票
1 回答
2321 浏览

angular - 错误为无法读取属性“订阅”。在单元测试时以 7 角激活路线

我收到错误,因为在单元测试时无法读取角度 7 中激活路由的未定义属性“订阅”。我已经以多种方式尝试过,请帮助。

Observer.of 不适合我,因为我有 rx.js 版本 6.3.3

这是我的组件文件 ChildComponent.ts

这是我的子组件单元测试用例的单元测试文件

0 投票
1 回答
357 浏览

angular - 激活路由可选参数 observable 发出每个字符而不是整个字符串

我在一个角度组件中有一个方法,其内容是:

当我在上面订阅时,这个 Observable 被分配给类型 Observable<string>. Now,如果 selectedid = ABCD,那么我会得到 4 次 next() 方法的调用,每次调用 A、B、C、D。这是什么原因?


这只发生在 switchMap 而不是 map 运算符。

当我使用this.router.navigate(['/mypath', path.id]);和使用 switchmap 时,它不会拆分字符串。它发生在this.router.navigate(['/mypath1', { selectedid: obj.id, foo: "foo" }]);语法上

0 投票
0 回答
214 浏览

angular - 为什么“Angular Material Tabs”仅在 Ionic 4 上激活另一个?

我是 Ionic 4 的新手。我将Angular Material集成到我的 Ionic 4 项目中。我对Angular Material - Tabs & Navigation有疑问。在我切换 2 个选项卡大约 2 到 3 次后,该选项卡才激活另一个选项卡。我检查了 HTML 代码,我在下图中看到了问题:

当我重新加载应用程序时,它仍然正常 在此处输入图像描述

在我切换了2-3次之后, 在此处输入图像描述

这是我的项目结构:

在此处输入图像描述

请看我下面的代码:

应用程序路由.module.ts

app.component.html

app.component.ts

app.module.ts

home.page.html
我在 home.page.html 中调用 Angular Material Tabs

home.page.ts
我为链接设置路径和标签名称

home.module.ts
我定义了我的组件 'tin-tuc' 和 'nop-ho-so' 并为它们设置路径!