angular get子属性不仅仅是id

Question

我有一个对象Modulator在modulator.ts中定义

import { Tone } from './tone';

export class Modulator {
  id: number;
  x: number;
  octave: number;
  tone: Tone;
}

我的Tone对象在tone.ts中定义

 export class Tone {
  id: number;
  name: string;
  color: string;
  digit: integer;
  userColor: string;
  userName: string;
}

当我尝试在视图中显示调制器时，我设法获得所有调制器属性，但我无法显示相关的音调属性。

{{modulator.tone}}返回音调的id，但{{modulator.tone。（某些音调属性）}}不返回任何内容

如何通过父调制器访问我的音色对象？

编辑： 感谢你的评论我理解我的错误。我从一个带有get查询的服务加载我的数据，该查询只返回Tone对象的id。我的所有音色已经被其他服务加载到我的应用程序中。

我现在的问题是如何更换我的谐振器。这只是Tone对象的id？

Answer 1

您的代码是正确的，除了如下的微小更改：

import { Tone } from './tone';

export class Modulator {
  id: number;
  x: number;
  octave: number;
  tone: Tone = new Tone();  // <=== HERE
}

否则'音调'将为undefined