[Angular TypeScript报错]Cannot assign to read only property ‘outwardcolor‘ of object ‘[object Object]‘

事情发生过程
用动态路由从一个组件传一个对象到另一个组件接收时发生的错误
源码：
对象 selected

export interface selected {
  model?: string;
  outwardcolor?: string;
  outwardwheel?: string;
  interior?: string;
  features?: string;
  pay?: string;
}

接收方的ts文件(只有重点部分)

  public chosen: selected = <any>{};
  constructor(private router: Router, private arouter: ActivatedRoute) { }

  ngOnInit(): void {
    this.arouter.params.subscribe((data: selected) =>{
      this.chosen = data;
    });
  public selectColor(color: string){
	this.chosen.outwardcolor = color;
	}

当我调用这个函数时 问题就来了

这个问题的玄学之处在于 在初始化赋值后 初始化结束前 它还是个对象

	this.chosen.outwardcolor = 'color';

这还是成立的

---

解决方法就是
在给它设值之前给它加个{}

   public selectColor(color: string){
     let o ={};
     let newchosen = Object.assign(o, this.chosen);
     this.newchosen.outwardcolor = color;
     }

此时 这个newchosen 又重新变成了对象
这个时候在给他赋值就没问题了

newchosen.outwarcolor = color ;

或者在观察者接收对象时进行修改

   ngOnInit(): void {
     this.arouter.params.subscribe((data: selected) =>{
      let o ={};
      this.chosen = Object.assign(o, data);
     });
   }

问题解决

引用文章： Angular的Object.assign