Свойство 'direction' не существует для типа 'Object'

Question

Я использую приложение Angular 7.x с плавающей кнопкой действия, и когда я выполняю следующую команду для сборки в производственном режиме, я получаю некоторые ошибки в терминале.

Как мне исправить эту проблему, какнаправление и onToggle уже существуют?

src\app\components\calendar\calendar.component.html(202,9): : Property 'direction' does not exist on type 'Object'.
src\app\components\calendar\calendar.component.html(201,9): : Property 'onToggle' does not exist on type 'Object'.

// Компонент HTML

// Компонент Typescript

    // 
    ngcFloatButtonData: Object = {
        direction: 'up',
        open:false,
        onToggle: function(): void {
            this.open = !this.open;
        },
    };

// HTML

<ngc-float-button
  (click)="ngcFloatButtonData.onToggle()"
  [direction]="ngcFloatButtonData.direction"

Answer 1

Вы объявляете ngcFloatButtonData как Object. Объявите его таким, какой он есть, NgcFloatButtonComponent. (Импортируйте NgcFloatButtonComponent из используемой вами библиотеки).

Answer 2

В машинописном тексте обычно определяется класс "exampleclass" (exampleclass.ts) следующим образом:

export class exampleclass {
    propertyOne: number;
    propertyTwo: String;
    propertThree: number;
}

Также убедитесь, что свойство, к которому вы хотите получить доступ в шаблоне, имеет правильную область действия -> public