我应该如何在Angular模块中包含模型类?

时间:2017-09-15 18:28:21

标签: angular angular-module

我有几个类我想成为一个普通的bean / DTO类,它们不是显示@component类,它们不是@Pipe类,也不应该是@Directive(至少我不是认为应该是!)。

我希望能够将它们捆绑到一个模块中(它们将在其他模块中使用),但是尽管有多种咒语,我仍然会遇到这样的错误:

当我启动我的Angular应用程序(ng服务)时,它编译正常,但在浏览器(Chrome)控制台中我收到错误....

Uncaught Error: Unexpected value 'Accreditation' declared by the module 'ServiceModule'. Please add a @Pipe/@Directive/@Component annotation.

我应该如何将这些类捆绑到模块中供其他模块使用?我不介意他们是在我的服务模块中还是在另一个新的'beans'模块中。

鉴于此模块定义(service.module.ts):

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {MemberService} from "./member/member.service";
import { Accreditation } from "./accreditation";
import {Player} from "./player";
import {Club} from "./club";
import {Coach} from "./coach";

@NgModule({
  imports: [CommonModule],
  declarations: [Accreditation, Club, Player, Coach],
  exports: [Accreditation, Club, Player, Coach],
  providers: [MemberService]
})
export class ServiceModule { }

accreditation.ts:

export class Accreditation {
    uuid: string;
    name :string;
    lastComplete: Date;
    expires: Date;
    inLast6Months: boolean;
    type: String;
    displayName: String;
    hasCompleted: boolean;
}

1 个答案:

答案 0 :(得分:8)

您无需导入也无需在app.module.ts中声明您的DTO。它可用于直接导入组件,指令等。 只需将其导入任何组件/服务/指令,您需要的管道与其他导入:

import { Accreditation } from "./accreditation";

如果您希望在多个模块中共享您的DTO,请将其放在共享文件夹中,并使用相对路径访问它,即

import { Accreditation } from "./shared/accreditation";