具有共享模型角度4的可重用组件

时间:2018-01-15 17:01:07

标签: angular

我从Angular 4开始,我不想制作可重复使用的组件。 这是我的应用程序结构:

app:
    application-list:
        application.ts
        application-list.component.ts
        application-list.component.html
        application-list.component.css
        application-list-component.spec.ts

     user-list:
        user.ts
        user-list.component.ts
        user-list.component.html
        user-list.component.css
        user-most.component.spec.ts

我不想让应用程序列表重用,但这个组件取决于user.ts模型。

我读到将user.ts类放在服务中并不是一个好习惯。 我还读到我可以在应用程序根目录上使用共享文件夹,但我的组件将无法重复使用。

或者我可能不能和我必须创建一个返回application-list.component.ts中使用的字典的通用服务?

你有任何想法吗?

1 个答案:

答案 0 :(得分:0)

首先,如果您想让组件重复使用,您必须将他放在专用模块中,否则您只能在一个模块中使用它,因为您无法多次声明组件。

如果您不打算在其他应用程序中使用application-list,那么在独立组件之间共享模型并不是一件坏事。

否则,因为user.ts只是一个接口(字段列表),您可以复制它。特别是因为您的两个组件可能不会被相同的字段强行插入。最后这些只是javascript对象。它们可以随意铸造。