加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular 2 – 通过路由器链接将对象从一个组件发送到另一个组件

发布时间:2020-12-17 06:51:18 所属栏目:安全 来源:网络整理
导读:我试图通过角度2的路由器链接发送一个对象. 我为我的人阵列中的每个人对象创建一个人物配置文件组件,并将其显示在我的屏幕上. div *ngFor="#person of people; #i = index" person-profile [person]="person"/person-profile/div person-profile组件显示pers
我试图通过角度2的路由器链接发送一个对象.
我为我的人阵列中的每个人对象创建一个人物配置文件组件,并将其显示在我的屏幕上.

<div *ngFor="#person of people; #i = index">
    <person-profile  [person]="person"></person-profile>
</div>

person-profile组件显示person对象中包含的几条信息.我试图使用路由器链接将人物对象组件中的整个人物对象发送到名为“map”的组件,并将人物对象作为参数传递.

<person-profile>
  ..code..
    <tr>
       <td class="category">Address</td>
       <td>{{ person.visiting_address }}</td>
       <td *ngIf="person.visiting_address"><a [routerLink]="['Map',{person:person}]">View on map</a></td>
    </tr>
..code..
<person-profile>

在我的地图组件中,我检索对象:

var person = <any> routeParams.get('person');

问题是我每次都在地图组件中得到同一个人,无论哪个< person-profile>我执行路由器链接.它始终是人民名单中的第一人.奇怪的是,如果我传递来自person对象的特定参数,它就可以工作.例如,如果我传递person.family_name而不是整个person对象,一切正常,但我想发送整个对象.有什么建议?

谢谢!

解决方法

AFAIK无法传递对象,因为RouterLink类的源不表示对此的任何支持,并且因为数据需要在URL字符串中显示.

我的建议是传递一个ID并在允许按ID获取具体实例的服务中共享用户.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读