如何将 class 中的值调用到 angular 中的另一个值

Question

我正在尝试导入来自项目 class 的变量，但我不知道该怎么做。这是我的代码示例，

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

Answer 1

问题不是很清楚，如果你打算不喜欢组件。

import {Item} from './item';

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

这样你就有了 Item 类型的 User 对象。

否则如果Item和User是组件，则取决于它们的关系。如果他们是父子关系，你可以使用@Input 来传递值：在项目 HTML

<user-selector [itemName] = 'item'></user_selector>

在用户 ts 中；

@Input itemName: string;

如果它们之间没有关系，那么你可以使用服务并使用 Subject 在它们之间进行通信： How can i capture an event in a component which is emitted from another component?

Answer 2

这些看起来很像模型。因此，您正在定义用户和项目在某些类型限制下应该是什么样子的结构。您可以像这样将项目添加到用户的模型中。

import {Item} from './item'

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

这会将 Users.item 键入您的项目 class。只是为了澄清一下，因此 itemName 在 user.item.itemName

下

How to call value from a class to another in angular