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

Importing a component from another component

我正在尝试从父组件调用子组件的功能。

据我了解,解决此问题的最佳方法是使用 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

你应该使用

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

说明。

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

我的演示文件夹结构