我正在遵循一个小Angular-cli教程,并且在我的一个组件TS文件中,我从另一个文件夹导入了一个类,但是显然它无法到达。
下面是我的组件文件(display-user-data-form.component.ts):
import { Component, OnInit } from '@angular/core';
import { UserInfoModel } from '../models';
@Component({
selector: 'display-user-data-form',
templateUrl: './display-user-data-form.component.html',
styleUrls: ['./display-user-data-form.component.css']
})
export class DisplayUserDataFormComponent implements OnInit {
user: UserInfoModel = new UserInfoModel({guid: "D21ds12x",
customerUid: "cust2dsa12dsa",
first_name: "John",
last_name: "Doe",
email: "email@email.com",
zipcode: 10283,
password: "Idasn2x2#"});
constructor() { }
ngOnInit(): void {
}
}
我正在从一个名为“Models”的文件夹中导入一个名为“UserInfoModel”的类。
“app”文件夹中的文件树如下所示:
app
-display-user-data-form
--display-user-data-form.component.ts
--display-user-data-form.component.html
--display-user-data-form.component.css
-models
--UserInfoModel.ts
我真的不知道为什么它找不到模块,也搞不清楚为什么我给的路径不正确。
提前感谢您的回答!
您还需要指定文件名。由于import{UserInfoModel}
中的UserInfoModel
实际上是类名,因此您需要指定将从哪个文件获取您的类,因此将是这样的:
import { UserInfoModel } from '../models/UserInfoModel';
第一个UserInfoModel
是类名,第二个是文件名
但是,有一个选项可以使用桶形导入不包括文件名。你可以在这里读到更多关于它的信息