我正在尝试从父组件调用子组件的函数 .
据我了解,最好的方法是使用ViewChild .
我理解这一切的逻辑,但由于某种原因,我不能将子组件导入父组件,它给我错误:
Cannot find module '../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 {
...
}
我的文件夹布局:
1 回答
你应该使用
说明 .
./指的是底层文件夹的根文件夹 - > Components 文件夹
我的演示文件的文件夹结构