Eu tenho um pequeno problema com meu formulário.

Eu fiz um elemento personalizado:

<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>

Eu tento adicionar o formControlName, mas angular não quer saber de nada e apenas dizendo:

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

Eu tentei adicionar ngDefaultControl sem sucesso. Parece que é porque não há entrada / seleção ... mas eu não sei o que fazer.

Gostaria de vincular meu clique a este formControl para que, quando alguém clicar em todo o cartão, coloque meu 'tipo' no formControl. É possível?