值被复制到使用 ng-repeat 和 ng-model 创建的所有输入字段中

Question

我正在使用ng-repeat 动态创建输入字段，一切似乎工作正常并且输入字段已创建但由于某种原因，当我在创建的输入字段中输入一些值时，由于双向数据绑定值同时输入到所有创建的文本字段中。

据我所知，我为每个创建的字段分配了不同的 ng-model，所以我不确定为什么要复制这些值。当我尝试打印分配给字段上方输入字段的值时，我看到 id 不同，想知道为什么所有字段都采用相同的值以及如何防止它。

HTML Code:

<tr>
    <td ng-repeat="extension in ExtensionList">
        <!-- Here the value displayed are different -->
        {{ formdata.extension.ExtensionVlaues }}
        <input type="text" class="form-control" id="extension.ExtensionVlaues" ng-model="formdata.extension.ExtensionVlaues">
    </td>
</tr>

这是前端的截图：

这里是我ExtensionList的例子：{"Field1":"","Field2":"","Field3":1,"ExtensionVlaues":2}

据我所知，给定的ng-model 有所不同，但仍然无法正常工作。谁能帮我解决这个问题？我尝试了一些类似ng-model="formdata.extension[ExtensionVlaues]" 的方法，但仍然没有运气。

我尝试像这样分配 ng-model 但它不起作用：

1. ng-model="formdata.extension[ExtensionVlaues]"

根据以下答案，我尝试了 2 种不同的方法，但它不起作用并遇到相同的问题。请告诉我如何解决这个问题：

<td ng-repeat="(key, extension) in ExtensionList">
    <input type="text" ng-model="formdata.extension.key">
</td>

<td ng-repeat="(key, extension) in ExtensionList">
    <input type="text" ng-model="formdata.extension.ExtensionVlaues">
</td>

Answer 1

以防其他人也对这个问题提出异议：

<span ng-repeat="(key, extension) in ExtensionList" class="form-inline">
    <br/>                                       
    <span>
        {{ extension.NameSpace + ":" + extension.LocalName }}
    </span>&ensp;
    <input type="text" class="form-control" id="extension.ExtensionVlaues" ng-model="ExtensionList.extension[key].FreeText" ng-blur="ExtensionText(ExtensionList.extension[key].FreeText, extension.ExtensionVlaues)">
</span>

Answer 2

您正在尝试将 ExtensionList 用作数组。您需要将其用作具有 ng-repeat 的对象：

<td ng-repeat="(key, extension) in ExtensionList">
    <input type="text" ng-model="formdata[extension][key]">
</td>

<td ng-repeat="(key, extension) in ExtensionList">
    <input type="text" ng-model="formdata[extension][ExtensionVlaues]">
</td>