Как объявить интерфейс над угловым компонентом?

Question

У меня есть компонент с методом, который получает значения из формы. Я хотел бы описать данные формы с помощью интерфейса.

Однако во время выполнения (ng serve) компилятор сообщает мне, что интерфейс неизвестен. (Public property 'friendshipFormModel' of exported class has or is using private name 'IFriendshipFormModel'.)

Как я могу правильно объявить интерфейсы? Если возможно, я бы избегал создавать отдельный файл только для этого интерфейса, так как он принадлежит компоненту.

Файл:

import { Component, OnInit, Output, EventEmitter } from '@angular/core'; 
import * as moment from 'moment'; 
import { FriendshipModel } from '../models/friendship.model'; 

interface IDatePickerDateModel { 
    day: string; 
    month: string; 
    year: string; 
    formatted: string; 
    momentObj: moment.Moment; 
} 

interface IFriendshipFormModel { 
    name: string; 
    meetingDate?: IDatePickerDateModel; 
} 

@Component({ 
    selector: 'app-create-friendship', 
    templateUrl: './create-friendship.component.html', 
    styleUrls: ['./create-friendship.component.css'] 
}) 

export class CreateFriendshipComponent { 
    @Output() friendshipCreated = new EventEmitter<FriendshipModel>(); 
    friendshipFormModel: IFriendshipFormModel; 

    constructor() { 
     this.friendshipFormModel = { 
      name: '', 
      meetingDate: null 
     }; 
    } 

    createFriendship() { 
     const friendshipCreation: FriendshipModel = this.frienshipFactory(this.friendshipFormModel); 
     this.friendshipCreated.emit(friendshipCreation); 
    } 
} 

Спасибо!

Answer 1

В этом случае, только экспортные интерфейсы, а

export interface IDatePickerDateModel { 
    day: string; 
    month: string; 
    year: string; 
    formatted: string; 
    momentObj: moment.Moment; 
} 

export interface IFriendshipFormModel { 
    name: string; 
    meetingDate?: IDatePickerDateModel; 
}