я есть небольшая проблема с моей формой.

Я сделал пользовательский элемент:

<div formControlName="surveyType">
  <div *ngFor="let type of surveyTypes"
       (click)="onSelectType(type)"
       [class.selected]="type === selectedType">
    <md-icon>{{ type.icon }}</md-icon>
    <span>{{ type.description }}</span>
  </div>
</div>

Я пытаюсь добавить formControlName, но angular не хочет ничего знать и просто говорит:

ERROR Error: No value accessor for form control with name: 'surveyType'

Я пытался добавить ngDefaultControl без успеха. Кажется, это потому, что нет ввода / выбора ... но я не знаю, что делать.

Я хотел бы привязать мой клик к этому formControl, чтобы, когда кто-то нажимал на всю карточку, вставлял мой «тип» в formControl. Является ли это возможным?