从另一个组件导入一个组件答案

【问题标题】：Importing a component from another component从另一个组件导入一个组件
【发布时间】：2017-02-15 03:30:13
【问题描述】：

我正在尝试从父组件调用子组件的函数。

据我了解，解决此问题的最佳方法是使用 ViewChild。

我理解这一切的逻辑，但由于某种原因我无法将子组件导入父组件，它给了我错误：

找不到模块“../claim-header/claim-header.component”。

这是我的父组件中的导入部分：（声明）

import { ClaimHeaderComponent } from '../claim-header/claim-header.component';

我都试过了：

import { ClaimHeaderComponent } from './claim-header';
import { ClaimHeaderComponent } from './claim-header/claim-header';
import { ClaimHeaderComponent } from '../claim-header';
import { ClaimHeaderComponent } from '../../components/claim-header-component';

等等

作为参考，只要它们不是组件，其余导入就可以正常工作：

import { ClaimDetail } from '../../modules/models/claim';
import { ClaimsService } from '../../modules/services/claims.service';

这是我的子组件的声明：

@Component({
    moduleId: module.id,
    selector: 'fhp-claim-header',
    templateUrl: 'claim-header.component.html'
})

export class ClaimHeaderComponent implements OnInit {
   ...
}

还有我的文件夹布局：

Folder layout

【问题讨论】：

标签： angular angular2-components

【解决方案1】：

你应该使用

../claim-header/claim-header.component

解释。

./ 指的是底层文件夹的根文件夹 -> Components 文件夹

我的演示文件夹结构

【讨论】：

./ 不指根目录。它指的是相对路径中的当前目录。只有/指的是项目结构的根目录。