我应该如何在angular中的路由之间共享我的实体id
在Angular中，可以通过多种方式在路由之间共享实体ID。以下是一些常用的方法：
- 使用路由参数： 在路由配置中，可以定义一个参数来接收实体ID，并在路由路径中传递该参数。例如：
- 使用路由参数： 在路由配置中，可以定义一个参数来接收实体ID，并在路由路径中传递该参数。例如：
- 在导航到该路由时，可以通过
ActivatedRoute服务来获取实体ID： - 在导航到该路由时，可以通过
ActivatedRoute服务来获取实体ID： - 使用共享服务： 创建一个共享服务，用于在组件之间传递实体ID。该服务可以包含一个可观察对象，用于订阅实体ID的变化。例如：
- 使用共享服务： 创建一个共享服务，用于在组件之间传递实体ID。该服务可以包含一个可观察对象，用于订阅实体ID的变化。例如：
- 在需要共享实体ID的组件中，可以注入该服务，并订阅
entityId$可观察对象： - 在需要共享实体ID的组件中，可以注入该服务，并订阅
entityId$可观察对象： - 在其他组件中，可以通过调用
setEntityId()方法来更新实体ID。 - 使用状态管理工具： 可以使用状态管理工具（如NgRx、Akita等）来管理应用程序的状态，并在不同组件之间共享实体ID。这些工具提供了一种集中式的状态管理机制，可以在任何组件中访问和更新实体ID。
以上是在Angular中实现路由之间共享实体ID的几种常用方法。根据具体的业务需求和项目架构，选择适合的方法来实现路由之间的数据传递。对于更多关于Angular的路由和数据共享的详细信息，可以参考腾讯云的Angular文档：Angular 文档。
相关·内容
2回答
在角分量间传递数据
angular
我有这个页面结构
app.component.html
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
我使用共享服务在app.component.ts文件中加载所有数据
import { Component,HostListener } from '@angular/core';
import { Router } from '@angular/router'
浏览 7提问于2022-05-24得票数 1
回答已采纳
3回答
使用角度订阅可观察对象的问题
angular、typescript、observable
我正在尝试创建一个从包含帖子数组的json文件中获取帖子的服务。我已经有一个使用HttpClient返回json文件内容的服务。目标是显示完整的帖子内容。
获取json文件的服务：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class GetJsonFileService {
constructor(pr
浏览 1提问于2021-10-06得票数 1
4回答
为什么我不能在我的角8应用程序中的子/父组件之间共享变量？
angular、typescript
在问这个问题之前，我花了3天的时间试图找出一种方法，让我的部件在角度上共享一个变量。我对这个前沿世界完全陌生，所以我只想把这件事做完。
总之，我的app.commponent.ts是这样的：
import {Component, OnInit} from '@angular/core';
import {Title} from '@angular/platform-browser';
import {Router, ActivatedRoute, NavigationEnd, Event} from '@angular/router';
impo
浏览 6提问于2020-01-16得票数 0
回答已采纳
8回答
在服务中获取routeParams
angular、angular2-routing、angular2-services
我想将逻辑从组件转换到服务。但是我发现我无法在服务中获得routeParams。
我的组件看起来就像
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params } from '@angular/router';
import { MyService } from '../services/my.service';
@Component({
moduleId: module.id,
templa
浏览 13提问于2016-10-24得票数 14
回答已采纳
1回答
如何在Angular的所有页面或组件中成功登录后获取用户详细信息(Emailid)
angular、typescript
我是angular和typescript的新手。我有8个页面，包括登录和注册页面在我的角度项目。我需要在每个页面的用户配置文件数据，例如它的电子邮件id。我尝试通过emit函数向每个组件发送电子邮件，但它不可靠，因为每当我们刷新页面时，数据都会丢失。有没有人能建议我一个简单有效的方法来获得我的项目的每个页面/组件的电子邮件id。
下面是我的login.ts文件
import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '
浏览 20提问于2021-05-15得票数 0
回答已采纳
5回答
Angular 6在两个不相关的组件之间传递数据
angular、typescript、routing、observable
我有一个course-detail组件，它包含来自我的后端应用程序的数据(名为course)，我想将这些数据传递给另一个与该组件无关的组件(course-play)。我想在这两个组件中显示我从后端获得的相同数据。以下是相关文件：
app-routing-module：
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { CourseListComponent } from './cours
浏览 2提问于2018-07-19得票数 4
1回答
使用相同的组件在角2中根据路由显示不同的JSON数据
angular
我试图根据路由在模板中加载不同的JSON文件。
路由
const APP_ROUTES: Routes=[
{path : ':artPage',component: ArtComponent}
];
服务
服务使用路由参数来获取JSON文件。
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observab
浏览 1提问于2017-03-07得票数 0
4回答
角-如何与所有组件共享app变量
angular
我正在制作一个小型的应用程序，上面有Angular7和背面的AppComponent，我要做的是订阅一个服务，然后从我的主AppComponent中将返回的数据保存到一个对象类型变量中，然后在我的所有其他组件中访问这个变量。
Api服务
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class ApiService
浏览 0提问于2019-03-16得票数 5
回答已采纳
1回答
将Oauth令牌数据从服务传递到组件角度
angular、oauth-2.0
我正在研究如何将作为服务中的oauth2隐式过程的一部分返回的用户令牌传递给作为回调url的组件，这样我就可以在片段中进一步使用该令牌了。
服务代码
import { Injectable } from '@angular/core';
import {UserManager, UserManagerSettings, User} from 'oidc-client';
@Injectable({
providedIn: 'root'
})
export class AuthService {
private manager: Us
浏览 1提问于2018-11-01得票数 1
回答已采纳
1回答
来自HTTP的角度解析器-resolving数据不能工作
angular、apollo
我试图从graphql阿波罗客户端解析HTTP调用中的数据。数据无法解析，使用解析器的组件无法访问数据。
在日志中，我可以看到，首先返回可观察到的数据，然后返回来自服务的数据。
来自service - {name: "s raina", id: "e78903e0-5214-11e8-93f9-8951cc65e163", country: "sa", __typename: "Cricketer", Symbol(id): "Cricketer:e78903e0-5214-11e8-93f9-8951cc65e163&#
浏览 0提问于2018-06-27得票数 0
1回答
如何在数据服务中访问路由id
angular、angular-router
我如何才能在数据服务中获得对localhost:4200/id的访问，才能在某些JSON链接中获得它？
我的意思是，当我在localhost:4200/001时，我想得到zzz.com/001/summary的JSON
尝试过这样做，但在控制台中，我得到了zzz.com/undefined/summary
const routes: Routes = [
{ path: ':id', component: AppComponent },
];
import { HttpClient } from '@angular/common/http';
import
浏览 3提问于2019-04-01得票数 0
5回答
两个不相关部件之间的角度4通过数据
javascript、angular、typescript
我有一个关于用角度传递数据的问题。
首先，我没有像<parent><child [data]=parent.data></child></parent>那样的结构
我的结构是
<container>
<navbar>
<summary></summary>
<child-summary><child-summary>
</navbar>
<content></content>
</container>
浏览 3提问于2017-06-07得票数 47
回答已采纳
2回答
跨视图的角度更新值
html、angular、typescript
我有一个角度应用程序，它有以下功能:一个组件有一个文本输入和一个按钮。用户填写文本输入并单击按钮。这将更新路由器链接的URL。
路由器链路加载一个名为view的组件，然后从路由器链接读取URL参数，并将该值放在服务中并显示在组件上，这样我就知道它工作了。
因此，如果用户在文本输入中输入'abc‘，那么路由器链接URL将是/view/abc。因此，'abc‘将显示在视图组件中。有时，用户会粘贴/view/def之类的路由器链接。这可以用于更新视图组件。
我无法工作的部分是更新其他组件中的文本输入框，以反映粘贴链接的当前值。
我尝试使用'AfterViewChecked‘从
浏览 2提问于2022-05-10得票数 0
回答已采纳
2回答
将API数据从一个组件传递到另一个组件？
angular、components、mean-stack
我正在学习全堆栈Angular4，并想知道如何才能从一个组件的get调用获得数据到另一个组件，这样我就可以用{data.name}将数据中继到html页面？
我尝试将组件导入到另一个组件中，然后将一个空对象设置到保存数据的component.data中，但我得到一个空对象作为响应。
我做错了什么？
更新：
我的共同服务：
import {Injectable} from "@angular/core";
import {Http, Response, Headers, RequestOptions} from "@angular/http";
import {O
浏览 4提问于2017-11-19得票数 9
回答已采纳
3回答
两个不相关组件之间的角度传输数据
angular、angular-components、subscribe
我的angular项目中有两个元素是完全独立的。第一个按钮显示了车牌列表和每个车牌的两个按钮：“查看当前位置”和“查看最近24小时的位置”。这两个按钮重定向到相同的组件，该组件根据变量"method“在地图中显示一些点。我想在单击按钮时将“方法”设置为某个值，但我不知道该如何做。
我已经尝试过主题/订阅的事情，但对我来说不起作用。这可能是我没有正确地应用它，因为我对它的工作原理不是很有信心。在我找到的示例中，主题是由一些@Injectable发出的，但我正在使用两个@Component。
谢谢你们所有人。
编辑:我将尝试解释我尝试过的内容。
我有这个服务
import { Inject
浏览 6提问于2021-11-18得票数 0
1回答
需要帮助将变量传递到角2中的对话框
javascript、html、angular
尝试将用户在上一页上的URL id传递给我可以在对话框中引用的服务。
issuer.service.ts
import { Injectable, EventEmitter } from '@angular/core';
import { Observable, of } from 'rxjs';
import { BehaviorSubject } from 'rxjs';
@Injectable()
export class IssuerService {
private urlidSource = new BehaviorSubje
浏览 3提问于2018-06-02得票数 2
回答已采纳
2回答
角2:可观测/订阅不触发
angular、angular2-observables
在我的应用程序中，我已经多次这样做了。很简单，应该管用.但这一次没有。
我的问题：
我从组件A调用服务中的方法，我的组件B被订阅，但是没有反应，也没有接收任何东西。subscribe() 没有触发！
navigation-elements.service.ts
@Injectable()
export class NavigationElementsService {
updateIBOsNavigation$: Observable<any>;
private updateIBOsNavigationSubject = new Subject<any>
浏览 3提问于2017-04-12得票数 21
回答已采纳
4回答
建立组件间通信的任何其他方法角5
angular、angular-components
我已经建立了以下方法来建立组件之间的通信。
1.用于同级组件的@input和@output装饰符(但仅限于父级)
2.使用getter和setter方法创建服务(但限制是，如果我们刷新使用来自服务的数据的页面，数据将变为空)
3.使用cookie(限制:如果要保存数组，它将以字符串的形式存储。有时很难找回原始数据类型)
4.使用本地存储
除了这些组件之外，还有其他方式在两个组件之间进行通信吗？我已经使用了以上所有的内容。给我建议更多的方法。
5.应用subject的方法如下。但不知道为什么我没有得到输出
服务
import { Injectable } from '@angular/c
浏览 0提问于2018-09-26得票数 0
2回答
数据在具有角2的共享服务之间未定义。
angular、angular2-services
路由
export const SchoolyearsRoutes: RouterConfig = [
{ path: '', terminal: true, redirectTo: '/schoolyears' },
{
path: 'schoolyears', component: SchoolyearsRootComponent, children: [
{ path: '', component: SchoolyearsListComponent },
{ path: 'ed
浏览 3提问于2016-06-30得票数 0
3回答
角5:如何获取当前的queryparams [路由]
javascript、angular、typescript、routing、query-parameters
我很难把queryparams变成一个组件。现在，我只想console.log(...)它。我正在使用来自ActivatedRoute的@angular/router来完成这个任务。
我正在重新开发一个工作平台，因此不幸的是，一些不相关的代码将不得不被替换为“.”。
我的Component.ts代码：
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { RelevantReportService } from './../reportServices/relevan
浏览 8提问于2017-12-04得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
