文章/答案/技术大牛

发布

社区首页 >问答首页 >Range2类型记录导入深度目录

问Range2类型记录导入深度目录
EN

Stack Overflow用户

提问于 2016-07-05 23:24:22

回答 2查看 517关注 0票数 1

如果我有这样的文件结构：

app
- 模型
  - model1.ts
  - model2.ts
  - model3.ts
  - index.ts

- services  
    - serviceGroup1
    - serviceGroup1Service1.ts
    - serviceGroup1Service2.ts
    - index.ts
    - serviceGroup2
    - serviceGroup3
    - index.ts

tsconfig.json：

"compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "mapRoot": "/",
    "module": "commonjs",
    "moduleResolution": "node",
    "noEmitOnError": true,
    "noImplicitAny": false,
    "outDir": "../dist/",
    "rootDir": ".",
    "sourceMap": true,
    "target": "es5",
    "inlineSources": true
}

如何使所有模型公开并像这样导入它们: serviceGroup1Service1.ts：

import * as models from 'models';

更新文件树

更新文件

在system.config.ts中添加新的barells

'app',
'app/models',
'app/services'

试图在serviceGroup1Service1.ts中使用

import * from 'app/models'

有一个错误“找不到模块‘应用/模型’

但

import { Component } from '@angular/core'

效果很好。如何为我的组件做这件事？

angular

typescript

回答 2

Stack Overflow用户

发布于 2016-07-05 23:39:38

添加app/models.ts

export * from './models/model1`
export * from './models/model2`
export * from './models/model3`

现在您可以通过以下方式导入它们：

import * as models from 'app/models';

如果您只想使用models而不是app/models，您应该添加SystemJS映射配置，如下所示：

System.config.map = { models: 'app/models' }

票数 1

Stack Overflow用户

发布于 2016-07-06 00:47:06

前面的答案是有效的，但是我注意到angular2模式似乎是"桶“，在模型dir中有一个对每个文件执行"export”的index.ts，然后您将“导入* from ./index.ts/”。这两种方法都有效，这正是我注意到的模式。

可能会有一些内置的支持来生成它们(也许在角-cli中？当我用它来创建组件时，我只需要几个，然后手工生成它们。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38214335

复制

相似问题

问Range2类型记录导入深度目录
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Range2类型记录导入深度目录EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Range2类型记录导入深度目录
EN