Импорт компонента из другого компонента

Я пытаюсь вызвать функцию дочернего компонента из родительского компонента.

Насколько я понимаю, лучший способ сделать это — использовать 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 {
   ...
}

И мой макет папки:

Макет папки


person Yozki    schedule 15.02.2017    source источник


Ответы (1)


Вы должны использовать

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

Объяснение.

./ относится к корневой папке базовой папки -> папка Components

введите описание изображения здесь

Моя структура папок для вашей демонстрации

введите описание изображения здесь

person Aravind    schedule 15.02.2017
comment
./ не относится к корневому каталогу. Он ссылается на текущий каталог в относительном пути. Только / относится к корневому каталогу структуры проекта. - person Wolverine; 14.06.2018