Связывание значений из элемента

Question

Я пытаюсь связать значение из элемента "a":

-template.component.html:

  <form>
    <ul *ngFor="let city of cities">
      <a (click)="directToViewByCity()" [(ngModel)]="city.city" name="name">{{city.city}}  </a>
    </ul>
</form>

template.component.ts:

directToViewByCity(selectedCity){
    this._router.navigate(['viewByCity'])

    var selectedCity=selectedCity;
    console.log(selectedCity)
  }

Для присвоения переменной selectedCity в component.ts, но у меня появляется эта ошибка:

core.js:1673 ERROR Error: Uncaught (in promise): Error: No value accessor for form control with name: 'name' Error: No value accessor for form control with name: 'name'

Я попробовал несколько решений, и я провел исследование в Интернете, но я еще не нашел правильного решения.

Answer 1

вам не нужны форма и ngModel, вы можете просто сделать следующее:

<ul *ngFor="let city of cities">
    <a (click)="directToViewByCity(city)">{{city.city}}</a>
</ul>