Angular 从元素绑定值

我试图从“a”元素绑定值：

-template.component.html:

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

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

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

被指定为component.ts中的变量selectedCity，但我有以下错误：

core.js:1673错误：未捕获（承诺中）：错误：名称为“name”的表单控件没有值访问器
错误：名为“name”的表单控件没有值访问器

---

我已经尝试了几种解决方案，并在互联网上进行了研究，但我还没有找到合适的解决方案。

您不需要表单和ngModel，只需执行以下操作即可：

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

{{city.city}

为什么它处于表单中？您确定要使用

ngModel

？您试图在

a

标记上设置什么？您没有将参数传递给函数，而是试图在函数中使用它。