时间戳

首页 > 解决方案 > 为什么我的代码在 ANGULAR 5 中出现名称属性错误？

angular - 为什么我的代码在 ANGULAR 5 中出现名称属性错误？

问题描述

我对 Angular 5 中的 formcontrol 有疑问。为什么我的代码在 ANGULAR 5 中出现 Name Attribute Error ？我不明白错误在哪里。我正面临类似的错误Error: No value accessor for form control with unspecified name attribute。你能帮我解决这个问题吗？尽管我将导入基本库添加到我的项目中的 app.module.ts，但我没有向我的 api 服务插入数据。

我的示例 json 格式

{
    "id": "",
    "name": "",
    "address": "",
    "contactName": "",
    "contactSurname": "",
    "contactPhone": "",
    "secondContactPhone":"",
    "city": {
        "id": 1,
        "name": "asd"
    },
    "town": {
        "id": 2,
        "name": "asd",
        "city": {
            "id": 1,
            "name": "asd"              
        }
    }
}

我的html页面

  <table style="width:500px;">
      <tr><td>New city</td>
        <td>
          <select >
            <option  *ngFor="let sec of bank" [(ngModel)]="city" [name]="name">{{sec?.city?.name}} </option><!--Deneme city -->
          </select>
        </td>
      </tr>
      <tr><td>New city</td>
        <td>
          <select >
            <option  *ngFor="let sec of bank" [(ngModel)]="town">{{sec?.town?.name}}</option><!--Deneme town -->
          </select>
        </td>
      </tr>
    <tr>
      <td>New name:</td>
      <td><input type="text" name="name" [(ngModel)]="name"  ></td>
    </tr>
    <tr>
      <td>New address:</td>
      <td><input  type="text" name="address" [(ngModel)]="address"></td>
    </tr>
    <tr>
      <td>New contactName:</td>
      <td><input  type="text" name="contactName" [(ngModel)]="contactName"></td>
    </tr>
    <tr>
      <td>New contactSurname:</td>
      <td><input  type="text" name="contactSurname" [(ngModel)]="contactSurname"></td>
    </tr>
    <tr>
      <td>New contactPhone:</td>
      <td><input  type="text" name="contactPhone" [(ngModel)]="contactPhone"  ></td>
    </tr>
    <tr>
      <td>New secondContactPhone:</td>
      <td><input type="text" name="secondContactPhone" [(ngModel)]="secondContactPhone"></td>
    </tr>
    <tr>
      <button (click)="Create();">add</button>
    </tr>
  </table>

标签： angular

解决方案

不是一个完整的答案，但我用这个在线编辑器检查了你的 json 格式并更正了它：

{
        "id": "",
        "name": "",
        "address": "",
        "contactName": "",
        "contactSurname": "",
        "contactPhone": "",
"secondContactPhone":"",
        "city": {
            "id": 1,
            "name": "asd"

        },
        "town": {
            "id": 2,
            "name": "asd",
            "city": {
                "id": 1,
                "name": "asd"                
            }
        }
}

推荐阅读