Javascript 将对象属性传递给表单上的多个文本字段

我有一些html/angular：

                            <td class="col-md-4" colspan="4">
                                <label class="control-label ">{{item.fields[1].displayName}}11</label>
                                <div class="dropdown" style="width:100%">
                                    <input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[1].name]" data-ng-keyup="comboBoxGPIOptions(2, 70, item[item.fields[1].name], 'searchGpi')" />
                                    <ul class="dropdown-menu" style="width:100%">
                                        <li data-ng-repeat="name in searchGpi" style="width:100%"><a data-ng-click="changeData(item.fields[1].name, name);"><span class="GpiId">{{name}}</span></a></li>
                                    </ul>
                                </div>
                                <label class="error" data-ng-show="issueSuppNum()">Please insert a valid GPI #.</label>
                                </td>
                            <td class="col-md-3" colspan="4">
                                <label class="control-label">{{item.fields[11].displayName}}22</label>
                                <div class="dropdown" style="width:100%">
                                    <input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="GENERIC_NAME" data-ng-keyup="comboBoxGenOptions(2, 148, item[item.fields[11].name], 'searchGenericOptions')" />
                                    <ul class="dropdown-menu" style="width:100%">
                                        <li data-ng-repeat="name in searchGenericOptions" style="width:100%"><a data-ng-click="changeData('GENERIC_NAME', name)"><span class="GenId">{{name}}</span></a></li>
                                    </ul>
                                </div>
                                <label class="error" data-ng-show="issueSuppNum()">Please insert a valid generic name.</label>
                                @*<div data-strat-form-control data-field-display-id="1" data-vmformreadonly="formReadOnly" data-show-tool-tip="showToolTip(item.fields[7].htmlName)" data-strat-model="item" data-field="item.fields[7]"></div>*@
                            </td>

如果我检查通过它的对象名，它是一个具有2个值的对象：

我想将这两个字段发送回视图，或者使用jQuery更改值。我相信只有name.GPI通过的原因是

    $scope.changeData = function (propertyName, name) {
        $scope.item[propertyName] = name.GPI;
        jQuery('.GenId').text(name.GENERIC_NAME);
        jQuery('.TherId').text(name.THER_CLASS_DESC);

HTML中有一个span类，它围绕着我要更改的文本：

<span class="GenId">{{name}}</span>

{{name}

---

我做错了什么？如何修复它？

正如前面在另一篇文章中提到的，你需要完全重新思考如何使用angular进行操作。数据模型应该驱动视图，而不是使用jQuery进行dom操作。创建一个复制您的问题的演示。以这种方式工作的项目越深入，您将遇到的麻烦就越多，并且习惯于在视图中的函数中传递整个对象……您将发现在视图中工作要容易得多controller@charlietfl是的，我想，但我有一个最后期限，只需要现在就完成。我计划将来有时间的时候改变它。另外，如何将这些值发送到视图，而不是使用jquery？方法是将它们分配给模型属性，以便在

{{}

中编译和打印它们。老实说，我不明白你在这里的问题，因此请求

<span class="GenId">{{name}}</span>