角度

Question

我在angular.io上看过目录结构，但我对他们提供的指南不满意。通常我们有可以在任何模块中使用的服务和模型，请查看以下结构

app
 |---modules
 |         |---account
 |         |         |---list-account.component.ts|html|css
 |         |         |---add-account.component.ts|html|css
 |         |---customer
 |                   |---list-customer.component.ts|html|css
 |                   |---add-customer.component.ts|html|css 
 |---services
 |          |---account.service.ts
 |          |---customer.service.ts
 |---models
 |        |---account.model.ts
 |        |---customer.model.ts

我尝试使用以下结构，但在使用typescript导入文件时，相对网址太不清楚了。例如，如果我想在account.model中导入add-account.component，则import语句如下所示

// ../../ looks so wierd, is it a good practise?
import { AccountModel } from  '../../models/account.model';

// is it good practise to use absolute paths to import for typescript in angular?
import { AccountModel } from '~/models/account.model';

我想重新使用我的模型，所有组件和服务都必须重复使用。请建议我一些好的目录结构。非常感谢任何帮助。

Answer 1

由John Papa设计的角度风格指南，鼓励使用部分方式。所以你应该使用：

import { AccountModel } from  '../../models/account.model';

来源：Angular Style Guide