Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angular中从一个类调用另一个类的值_Angular_Typescript_Angular7 - Fatal编程技术网

如何在angular中从一个类调用另一个类的值

如何在angular中从一个类调用另一个类的值,angular,typescript,angular7,Angular,Typescript,Angular7,我正在尝试导入来自Items类的变量,但我不知道应该怎么做。 下面是我的代码示例 item.ts: export class Item{ itemName: string; id: sstring; } user.ts import {Item} from './item' export class Users{ username: string; id: string; } 问题是如何在user.ts.中获取值itemName。如果您不想喜欢这个组件,那么问题就不

我正在尝试导入来自Items类的变量,但我不知道应该怎么做。 下面是我的代码示例

item.ts:

export class Item{
   itemName: string;
   id: sstring;
}
user.ts

import {Item} from './item'

export class Users{
   username: string;
   id: string;
}

问题是如何在user.ts.中获取值itemName。如果您不想喜欢这个组件,那么问题就不太清楚了

import {Item} from './item';

 export class User {
      username:string;
      id: string;
      item: Item;
}
这样,您就拥有了项类型的用户对象

否则,如果项和用户是组件,则取决于它们的关系。 如果它们是子-父关系,则可以使用@Input传递值: 在项目HTML中

<user-selector [itemName] = 'item'></user_selector>
如果它们之间没有关系,那么您可以使用服务并使用Subject来进行通信:
这些看起来很像模型。因此,您在定义用户和项目的结构时,有一些键入限制。您可以像这样向用户模型中添加一个项

import {Item} from './item'

export class Users{
   username: string;
   id: string;
   item: Item;
}

这将在项目类中键入Users.item。仅澄清一下,如果这些组件是父/子组件,那么您可以在
user.item.itemName

下使用
itemName
,因为它们共享相同的userItem.service,所以可以使用
ItemComponent
子组件或
userscocomponent
?userItem.service的子组件,因此,它们都是userItem.service.ts的子项感谢您的回答,我可以访问对象,但由于某种原因,当我输出itemName时,它会给我一个错误:undefined,其中应该列出值。这可能是您如何在用户上实例化用户或项的问题。也许您可以向我们展示一些关于如何在组件中使用这些模型的代码?如果您已经创建了一个用户模型,并且希望将该项添加到该模型中,则以下操作将起作用
user.item=new item('itemName','id')
。没问题,我想出来了,它成功了,谢谢你的时间!谢谢,下次我会尽量解释得更好!
import {Item} from './item'

export class Users{
   username: string;
   id: string;
   item: Item;
}