如何以角度方式将对象从一个组件传递到另一个组件

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (6)

我有一个具有不同模态的组件,在每个模态中我必须显示每个属性的信息,此信息在另一个组件中。我在对象矢量中有这些信息。从我读到的内容我必须使用组件之间的绑定(父和子)我怀疑的是一个对象如何传递给另一个组件然后显示他们的数据,我怎么能这样做?我必须声明一个真正的@input对象类型,你如何将整个对象从一个组件binde到另一个组件?我想要做的是在该组件的模板中显示该对象的值。

以下是我的样本:

我有这个课程,我说的是这个课程:

export class Inmueble {
  nombre: string="";
  id: string="";
  baño: number=0;
  estacionamiento: number=0;
  metro: number=0;
  precio: number=0;
  fotos: string[]=[];

}

我将该类导入COMPONENT1,我通过请求API将数据填入其中。我想要的是(填充该对象后)将其传递给COMPONENT2,我在想的是在COMPONENT2中这样做:

import { Component, OnInit, Input } from '@angular/core';
import { Inmueble } from '../modelos/inmueble';

class {
  @Input vector: inmueble[];
}

但是如何处理从COMPONENT1到COMPONENT2填充的对象?在示例中,我看到他们为这样的单个变量执行此操作:[variable] =“value”,但这将是一个向量,我认为逐行执行将非常不重要。我想要实现的是在COMPONENT2模板中显示该对象。感谢大家事先。问候!

编辑:

第1部分:

import { Component, OnInit, Input} from '@angular/core';
import { Inmueble } from '../modelos/inmueble';

@Component({
  selector: 'app-modal',
  templateUrl: `<p>Model: {{prueba.nombre}} </p>`,
  styleUrls: ['./modal.component.css']
})
export class ModalComponent implements OnInit, Input {
  @Input() prueba: Inmueble;
  constructor() { }

  ngOnInit() {
  

  }




}

第2部分:

 <app-modal [prueba]="inmuebles[0]" > </app-modal>

我分配了不动产[0],因为在这个组件中我有一个属性数组,所以理论上我会将属性赋给属性。

告诉我这个错误:

ERROR in ./src/app/modal/modal.component.ts
Module not found: Error: Can't resolve './<p>Model: {{prueba.nombre}} </p>' in '/home/julian/Seaconfiable/src/app/modal'
提问于
用户回答回答于

扫码关注云+社区

领取腾讯云代金券