开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在角度路径中传递对象时出现克隆错误

在 Angular 中，通过路由传递对象时，通常会遇到一些限制和问题。Angular 路由参数只支持字符串类型，因此直接传递对象会导致克隆错误或其他问题。为了传递复杂对象，你可以考虑以下几种方法：

方法一：使用 JSON 字符串

你可以将对象序列化为 JSON 字符串，然后在目标组件中反序列化。

传递对象

import { Router } from '@angular/router';

constructor(private router: Router) {}

navigateWithObject() {
  const myObject = { key: 'value', anotherKey: 'anotherValue' };
  this.router.navigate(['/target-route', { data: JSON.stringify(myObject) }]);
}

接收对象

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.params.subscribe(params => {
    if (params['data']) {
      const myObject = JSON.parse(params['data']);
      console.log(myObject);
    }
  });
}

方法二：使用服务

你可以使用 Angular 服务来共享数据，这样可以避免在 URL 中传递复杂对象。

创建服务

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private data: any;

  setData(data: any) {
    this.data = data;
  }

  getData() {
    return this.data;
  }
}

传递对象

import { Router } from '@angular/router';
import { DataService } from './data.service';

constructor(private router: Router, private dataService: DataService) {}

navigateWithObject() {
  const myObject = { key: 'value', anotherKey: 'anotherValue' };
  this.dataService.setData(myObject);
  this.router.navigate(['/target-route']);
}

接收对象

import { DataService } from './data.service';

constructor(private dataService: DataService) {}

ngOnInit() {
  const myObject = this.dataService.getData();
  console.log(myObject);
}

方法三：使用 Query Params

你可以将对象序列化为 JSON 字符串，并通过查询参数传递。

传递对象

import { Router } from '@angular/router';

constructor(private router: Router) {}

navigateWithObject() {
  const myObject = { key: 'value', anotherKey: 'anotherValue' };
  this.router.navigate(['/target-route'], { queryParams: { data: JSON.stringify(myObject) } });
}

接收对象

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    if (params['data']) {
      const myObject = JSON.parse(params['data']);
      console.log(myObject);
    }
  });
}

总结

使用 JSON 字符串：将对象序列化为 JSON 字符串，通过路由参数传递，然后在目标组件中反序列化。
使用服务：通过 Angular 服务共享数据，避免在 URL 中传递复杂对象。
使用 Query Params：将对象序列化为 JSON 字符串，通过查询参数传递。

相关搜索:Googlemaps elevation API在传递参数时出现错误 mergeMap函数在角度5中出现错误 Powershell在不使用绝对路径时出现错误传递在xml中多次出现的路径在C++中创建对象时出现段错误在collection.find()中从数组传递对象时出现问题在django rest框架中返回Respose对象时出现NoReverseMatch错误在G变换旋转中传递组件时出现错误在IIS-6中部署时角度加载错误的资源路径在Kentico 9中导入站点包时出现对象错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Java/C++中的赋值和拷贝分析及对比

Java是在JVM所虚拟出的内存环境中运行的。内存分为栈(stack)和堆(heap)两部分。

03

浅析按值传递与按引用传递

下列关于按值传递与按引用传递的描述中，正确的是（）。A．按值传递不会改变实际参数的数值 B．按引用传递能改变实际参数的参考地址C．按引用传递能改变实际参数的内容 D．按引用传递不能改变实际参数的参考地址

01

web worker 扫盲篇

什么是woker 官方的解释是这样的： worker是一个对象，通过构造函数Worker创建，参数就是一个js文件的路径；文件中的js代码将运行在主线程之外的worker线程； var jsFileURI = JS_FILE_PATH; // js文件路径 var worker = new Worker(jsFileURI); worker运行在另一个全局上下文中（self），这个全局上下文不同于window，所以不能在woker中访问window和DOM；该线程分为两种：dedicated work

08

工业机器人发展史

1954年，乔治·迪沃（GeorgeDevol）申请了第一个机器人的专利，1961年授予。该专利的要点是借助伺服技术控制机器人的关节，利用人手对机器人进行动作示教，机器人能实现动作的记录和再现。这就是所谓的示教再现机器人。现有的机器人差不多都采用这种控制方式。

02

【JavaSE专栏21】序列化和反序列化，学会Java的编解码方法

序列化：将 Java 对象以一连串的字节保存在磁盘文件中的过程，也可以说是保存 Java 对象状态的过程，序列化可以将数据永久保存在磁盘上。

04

一行 Python 代码实现并行

译者：caspar 译文：https://segmentfault.com/a/1190000000414339 原文：https://medium.com/building-things-on-the-internet/40e9b2b36148 Python 在程序并行化方面多少有些声名狼藉。撇开技术上的问题，例如线程的实现和 GIL，我觉得错误的教学指导才是主要问题。常见的经典 Python 多线程、多进程教程多显得偏"重"。而且往往隔靴搔痒，没有深入探讨日常工作中最有用的内容。传统的例子简单搜

09

Java基础：二、方法、参数和返回值（6）

Java的方法决定了一个对象能够接收什么样的消息。方法的基本组成部分包括：名称、参数、返回值和方法体：

01

教你用一行Python代码实现并行（附代码）

来源：编程派翻译：caspar 译文：https://segmentfault.com/a/1190000000414339 原文：https://medium.com/building-things-on-the-internet/40e9b2b36148 本文长度为5200字，建议阅读8分钟本文教你通过一行Python实现并行化。 Python在程序并行化方面多少有些声名狼藉。撇开技术上的问题，例如线程的实现和GIL，我觉得错误的教学指导才是主要问题。常见的经典Python多线程、多进程教程多显

Web性能优化之Worker线程(上).md

因为，最近有一个需求中，用到了Worker技术，然后经过一些调研和调试，成功的在项目中应用。虽然，有部分原因是出于「技术尝鲜」的角度才选择Worker进行性能优化。但是，「看懂了，会用了，领悟了」。这是不同的技术层面。

01

OpenFeign调用服务并传参

分别启动商品服务和类别服务之后，查看下服务注册中心，如下图，商品服务和类别服务都已经注册成功

01

ASP.NET MVC 重点教程一周年版第四回向View传值

上文中已经提到,使用ViewData可以将数据由Controller传递到View 在前文中我们建立了EiceController类在本文的示例中我们将这个Controller改一下

03

ECMA-262-3深入解析第八章：评估策略

从来没有深入了解ECMA，网上找了一下，发现早在2010年就有大佬 Dmitry Soshnikov 总结了ECMA中的核心内容，我这里只是翻译记录，加深自己的印象。文章原文来自 ECMA-262-3 in detail. Chapter 8. Evaluation strategy。

01

Taro.navigateTo 使用URL传参数和目标页面参数获取

🎉欢迎来到Java学习路线专栏~Taro.navigateTo 使用URL传参数和目标页面参数获取

01

Java 基础概念·Java 只有值传递

当我们调用一个有参函数的时候，会把实际参数传递给形式参数。在程序语言中，这个传递过程中有两种情况，即值传递和引用传递。

03

Taro.navigateTo 使用URL传参数和目标页面参数获取

🎉欢迎来到Java学习路线专栏~Taro.navigateTo 使用URL传参数和目标页面参数获取

01

java中的参数传递-值传递、引用传递

参数是按值而不是按引用传递的说明 Java 应用程序有且仅有的一种参数传递机制，即按值传递。

02

java — 值传递和引用传递

在 Java 应用程序中永远不会传递对象，而只传递对象引用。因此是按引用传递对象。Java 应用程序按引用传递对象这一事实并不意味着 Java 应用程序按引用传递参数。参数可以是对象引用，而 Java 应用程序是按值传递对象引用的。　　Java 应用程序中的变量可以为以下两种类型之一：引用类型或基本类型。当作为参数传递给一个方法时，处理这两种类型的方式是相同的。两种类型都是按值传递的；没有一种按引用传递。　java实际上只有值传递，没有真正意义上的引用传递。按值传递意味着当将一个参数传递给一

09

java面试题

当一个对象实例作为一个参数被传递到方法中时，参数的值就是该对象的引用一个副本。指向同一个对象，对象的内容可以在被调用的方法中改变，但对象的引用(不是引用的副本)是永远不会改变的。

01

P2661 信息传递

题目描述有n个同学（编号为1到n）正在玩一个信息传递的游戏。在游戏里每人都有一个固定的信息传递对象，其中，编号为i的同学的信息传递对象是编号为Ti同学。游戏开始时，每人都只知道自己的生日。之后每一轮中，所有人会同时将自己当前所知的生日信息告诉各自的信息传递对象（注意：可能有人可以从若干人那里获取信息，但是每人只会把信息告诉一个人，即自己的信息传递对象）。当有人从别人口中得知自己的生日时，游戏结束。请问该游戏一共可以进行几轮？输入输出格式输入格式：输入共2行。第1行包含1个正整数n表示n个人。第

Android 面试精华题目总结

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/24015867

01

vue-router 路由传参，刷新页面参数丢失

路由传参一般有如下几种方式，下面主要介编程式导航 router.push 的传参方式：

01

python传参是传值还是传引用

在此之前先来看看变量和对象的关系：Python 中一切皆为对象，数字是对象，列表是对象，函数也是对象，任何东西都是对象。而变量是对象的一个引用（又称为名字或者标签），对象的操作都是通过引用来完成的。例如，a = []是一个空列表对象，变量 a 是该对象的一个引用例1 def test(c): c.append("hello world") print(c,id(c)) return list = [1,2] test(list) print(list,id(list)) 输出 [1, 2, 'hel

如何在后台执行 SwiftData 操作

SwiftData 是一个用于处理数据操作的框架，特别是在 Swift 语言中进行并发操作。本文介绍了如何在后台执行 SwiftData 操作以及与 Core Data 进行比较。

02

Android编程实现全局获取Context及使用Intent传递对象的方法详解

本文实例讲述了Android编程实现全局获取Context及使用Intent传递对象的方法。分享给大家供大家参考，具体如下：

03

由 Go 结构体指针引发的值传递的思考

这篇笔记的思考开始于一篇帖子中提的问题：下面这段代码中，都是从 map 中取一个元素并调用其方法，为什么最后一行无法编译通过

01

2105. [NOIP2015] 信息传递

★☆ 输入文件：2015message.in 输出文件：2015message.out 简单对比时间限制：1 s 内存限制：256 MB 【题目描述】有n个同学（编号为1到n）正在玩一个信息传递的游戏。在游戏里每人都有一个固定的信息传递对象，其中，编号为i的同学的信息传递对象是编号为Ti同学。游戏开始时，每人都只知道自己的生日。之后每一轮中，所有人会同时将自己当前所知的生日信息告诉各自的信息传递对象（注意：可能有人可以从若干人那里获取信息，但是每人只会把信息告诉一个人，即自己的

05

Spring之跨重定向请求传递数据

在开发场景中，大部分数据都是使用请求转发（forward）进行传递，而使用重定向（redirect）传递数据可能比较少。那么问题来了：请求中的数据生命周期存活时间只在一个请求转发（request）中，当这个请求结束后，那么请求中所带的数据也会随着这个请求一起拜拜了。而重定向会向服务器发起两个请求，所以第一个请求的数据不就到不了第二个请求了吗？如图：

01

从Feign使用注意点到RESUFUL接口设计规范

最近项目中大量使用了Spring Cloud Feign来对接http接口，踩了不少坑，也产生了一些对RESTFUL接口设计的想法，特此一篇记录下。 SpringMVC的请求参数绑定机制了解Feign历史的朋友会知道，Feign本身是Netflix的产品，Spring Cloud Feign是在原生Feign的基础上进行了封装，引入了大量的SpringMVC注解支持，这一方面使得其更容易被广大的Spring使用者开箱即用，但也产生了不小的混淆作用。所以在使用Spring Cloud Feign之前，笔者先

07

从JVM内存管理的角度谈谈静态方法和静态属性和 java对象引用与JVM自动内存管理

试着从JVM的内存管理原理的角度来谈一下静态方法和静态属性的问题，不对的地方请指正。 (joezheng123.javaeye.com/blog/264695)

03

基于Scala Trait的设计模式

在《作为Scala语法糖的设计模式》中，我重点介绍了那些已经融入Scala语法的设计模式。今天要介绍的两个设计模式，则主要与Scala的trait有关。 Decorator Pattern 在GoF 23种设计模式中，Decorator Pattern算是一个比较特殊的模式。它充分利用了继承和组合（或者委派）各自的优势，将它们混合起来，不仅让优势扩大，还让各自的缺点得到了抵消。Decorator模式的核心思想其实是“职责分离”，即将要装饰的职责与装饰的职责分离，从而使得它们可以在各自的继承体系下独立演化，然

05

希望你不要经历的那些坑：你确定资源正确释放了？

最近对某段代码进行代码审查，无意间发现一个哭笑不得的“神操作”！该同学代码中用最标准的释放资源的方法，可是并没有正确释放资源。本文将模拟该问题，讲述背后的原因，希望大家编码时要特别注意该问题。

05

参数？变量？形参？实参？在 Python 眼里那都不是事。

函数的参数，我在之前的文章中也提到过，参数这个东西我感觉还是比较有话题的，你可能在某些地方听说过诸如 “形参”，“实参” and so on...那么这些到底是什么呢？下面我们就来详细的说一下函数的参数和变量的问题。

02

Python 传值 or 传引用

注：本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

03

Python可变对象与不可变对象原理解析

1. python不允许程序员选择采用传值还是传引用。Python参数传递采用的肯定是“传对象引用”的方式。实际上，这种方式相当于传值和传引用的一种综合。如果函数收到的是一个可变对象的引用，就能修改对象的原始值——相当于通过“传引用”来传递对象。如果函数收到的是一个不可变对象的引用，就不能直接修改原始对象——相当于通过“传值’来传递对象。

02

Intent传递对象的两种方法

Android为intent提供了两种传递对象参数类型的方法分别需要使实体类实现Serializable接口、Parcelable接口首先我们要知道，传递对象，需要先将对象序列化一、那么为什么要对象序列化 1、永久性保存对象，保存对象的字节序列到本地文件中； 2、用过序列化对象在网络中、进程间传递对象；二、序列化对象什么时候实现Serializable接口，什么时候实现Parcelable接口接口 1、Parcelable不能使用将数据存储在磁盘上，因为Parcelable在外界有变化的情况下不

06

浅拷贝与深拷贝的实现方式、区别；deepcopy如果你来设计，如何实现

今天小婷儿给大家分享的是浅拷贝与深拷贝的实现方式、区别；deepcopy如果你来设计，如何实现。

02

EventBus3.0 使用及源码解析

叨了个叨最近因为换工作的一些琐事搞的我一个头两个大，也没怎么去学新东西，实在是有些愧疚。新项目用到了EventBus3.0，原来只是听说EventBus的鼎鼎大名，一直没仔细研究过。趁着周末有些时间，研究下代码，也算没有虚度光阴。 EventBus GitHub : https://github.com/greenrobot/EventBus EventBus3.0简介 EventBus是greenrobot出品的一个用于Android中事件发布/订阅的库。以前传递对象可能通过接口、广播、文件等等，尤其像

08

Python 传值还是传引用

如果 node =None，相当于node指向一个不可变对象，在调用insert函数时，仅传值。

03

一行 Python 代码实现并行，骚技能，Get!

Python 在程序并行化方面多少有些声名狼藉。撇开技术上的问题，例如线程的实现和 GIL，我觉得错误的教学指导才是主要问题。常见的经典 Python 多线程、多进程教程多显得偏"重"。而且往往隔靴搔痒，没有深入探讨日常工作中最有用的内容。

03

Swoole v4.6.0 版本发布，支持原生 curl 协程客户端

作为一个 y 版本发布，此次更新也包含了不兼容的修改以及许多的新功能，下面就来看一看都有哪些改动？

03

Message和handler传递对象

Bundle可以传递对象，message又可以传递Bundle于是就可以利用buddle作为中间载体传递对象了 Message msg = Message.obtain(); Bundle b = new Bundle(); b.putParcelable("MyObject", (Parcelable) object); msg.setData(b); handler.sendMessage(msg); public void handleMessage(Message msg) {

05

Python json.load/loads以及json.dump/dumps有什么区别？

网络传输是一种常见的数据传输场景，在传输前，我们先将编程语言对象序列化为json/xml文件；在传输后，在将json/xml文件反序列化为对应语言的对象。

01

【C++】类的封装 ② ( 封装最基本的表层概念 | 类对象作为参数传递的几种情况 )

类的封装最基本的功能就是将若干数据和若干方法 , 封装到一个类中 , 这些数据在内存中以一个整体的形式进行运作 ;

01

java笔试题大全带答案_java笔试题大全带答案(经典11题)[通俗易懂]

java.lang.reflect.Constructor类的newInstance()实例方法。

02

Java 方法实参是传值(pass-by-value)还是传引用(pass-by-reference)？

一直以来，我认为在 Java 中传递方法实参时，当传入的类型为基本数据类型时，则传入的是值；当传入的类型为对象时，则传入的是引用。但是，这个观念是实际上是错误的。事实上，Java 始终传递值。

04

React性能优化

父组件给子组件传递对象类型的参数时，应该在render()内部先将对象定义。不然每一次使用子组件时都会生成新的对象进行传递。

06

花了近十年的时间，整理出史上最全面Java面试题

不是。Java中的基本数据类型只有8个：byte、short、int、long、float、double、char、boolean；除了基本类型（primitive type）和枚举类型（enumeration type），剩下的都是引用类型（reference type）。

03

让我们一起来看看可爱的猫咪吧

然后我就想可以拿进度条做点事情，一开始想搜一搜借鉴一下，但是根本没有这种高度自定义的。唉

04

mysql foreach

把集合都封装进map中，比如这里的list1，list2，都加入到集合中，key 为list1,list2,然后按照如下方式取出，collection 属性中为放入map时的key

02

python copy & deepcopy 区别

输出： l1: [1, 2, 3, ['a', 'b', 'c']] l2: [1, 2, 3, ['a', 'b', 'c']]

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭