5-параметризованный компонент Angular с использованием @Input

Question

Я новичок в Angular и огляделся, но не смог найти ответ ...

Как передать параметр компоненту ( html ), который использует @Input?

То, что я пытаюсь достичь, довольно просто, у меня есть LogoComponent, который я хотел бы вызвать из 2 мест: LoginComponent (там он должен быть в полном размере) и из DashboardComponent (где его size параметризован) но я получаю исключение:

Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с 'size', так как не является известным свойством 's-logo'. 1. Если s-logo является угловым компонентом и имеет ввод размера, убедитесь, что он является частью этого модуля.

logo.component.ts (упрощено для удобства)

@Component({
    selector: 's-logo',
    template: `<div>{{size}}</div>`,   <----- size would actually set the css height 
})
export class LogoComponent{
  @Input() size: string ;
}

login.component.html (упрощенно)

<s-logo [size]="100px"></s-logo>

Я тоже попробовал с синтаксисом, без удачи (двойные + одинарные кавычки):

<s-logo [size]="'100px'"></s-logo>

Разве я не должен этого достичь?

Answer 1

Невозможно связать с 'height', так как это неизвестное свойство

Ваша проблема не в @Input size, а в том, что вы пытаетесь передать другую переменную с именем height.

Вам также нужно будет сделать @Input для height, если это то, что вы пытаетесь передать в