Question

我是Typescript和Angular 4的新手。我正在尝试访问我在路径/ClientApp/app/_models/login.module中创建的类对象。我的login.module.ts代码如下

module loginApp {
    export class LoginModel {
        public MID: string;
        public Password: string;
    }
}

我尝试导入login.module.ts的组件代码是/ClientApp/app/components/login/login.component.ts。

以下是login.component.ts

的代码

import { Component } from '@angular/core';
import { login1 } from '../../_models/login.module'

@Component({
    selector: 'login',
    templateUrl: './login.component.html'
})
export class LoginComponent {
    public isLoggedIn: boolean;
    public login() {
        //loginModel: LoginModel = new LoginModel();
        //loginModel.MID = this.mid;
        //loginModel.Password = this.password;
    }
}

现在，当我尝试执行时，我在导入login.module时遇到错误。以下是错误消息

ERROR in [at-loader] ./ClientApp/app/components/login/login.component.ts:4:24 
TS2306: File 'D:/Study/FSE/Angular_With_Core/Angular_With_Core/ClientApp/app/_models/login.module.ts' is not a module.

如何解决问题？

Answer 1

您可能希望为loginModel类型创建一个类，如下所示：

 export class LoginModel {
  MID: string;
  Password: string;
}

并将其导入您的login.component.ts，如下所示：

import { LoginModel } from '../LoginModel';

理想情况下，您可以将其保存为LoginModel.ts，或者为了更好的做法，创建一个名为“models”的文件夹，并将每个独立对象类型保存在自己的文件中。

如果我的答案没有涵盖您要查找的所有内容，请查看Angular Tutorial如何将该类作为模型导入。

文件'login.module.ts'不是模块

1 个答案: