Angular 6 - Получение строки с помощью оператора @Input. Стоимость не известна

У меня есть 2 компонента: родитель и ребенок.

В дочернем компоненте у меня есть оператор @Input:

child.component.ts:

@Input() position: string;

child.comppnent.html

<div>{{position}}</div>

Затем на моем parent.component.html у меня есть:

<app-child [position] = "top-left"></app-child>

Проблема в том, что он дает мне ошибку, говоря, что он не знает «верхний левый», поэтому он просит меня добавить значение верхнего левого угла в parent.component.html.

У меня вопрос:

Есть ли способ принять добавленную стоимость на [position] = "" без необходимости добавлять какой-либо код в parent.component.ts?