AngularJS通过引用编辑JSON数组_Angularjs

AngularJS通过引用编辑JSON数组

angularjs

AngularJS通过引用编辑JSON数组,angularjs,Angularjs,我正在给AngularJS一个bash，并且正在尝试一个小的测试应用程序，我在左侧有一个列表，根据选择的内容，更新右侧的表单以允许编辑参数。这是HTML <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <body ng-app="tstApp" ng-contr

我正在给AngularJS一个bash，并且正在尝试一个小的测试应用程序，我在左侧有一个列表，根据选择的内容，更新右侧的表单以允许编辑参数。这是HTML

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<body ng-app="tstApp" ng-controller="tstCtrl">

<div>
    <select size="2" style="width: 100px"
        ng-model="selected"
        ng-options="i as i.name for i in items track by i.name"
    />
</div>

<div>
    <input type="text" name="descr" value="{{selected.descr}}"/><br/>
    <input type="text" name="ref" value="{{selected.ref}}"/><br/>
</div>

<script src="test.js"></script>

</body>
</html>

这样做的问题是，当您实际更改编辑字段中的描述时，它仍然是这样，并且不再反映数组项的值。我认为原因可能很明显，因为“selected”是数组项的副本，而不是它自己的项。我似乎不知道如何直接编辑当前选中的数组项。

您必须将其绑定为ng模型才能获得更改

像这样

 <input type="text" name="descr" ng-model="selected.descr"/>

您必须将其绑定为ng模型才能获得更改

像这样

 <input type="text" name="descr" ng-model="selected.descr"/>

谢谢，我看你的建议行得通。我已根据您的建议更改了主机上的测试，它的反应确实不同，但它不记得我对描述的更改，即更改列表框中的选择只会恢复原始值。当我试着用小提琴演奏时，它还是很管用的。我确信一切都是一模一样的，所以我被难住了。作为后续行动。我认为我的问题是由于1.4.8中的错误。当我在小提琴中更改为1.2.1时，它会起作用：-（谢谢，我看得出你的建议是有效的。我已经根据你的建议更改了主机上的测试，它的反应确实不同，但它不记得我对描述的更改，即更改列表框中的选择只会恢复原始值。当我在小提琴中尝试时，它仍然有效。我确信所有操作都与小提琴中的操作完全相同，所以我被难住了。作为后续。我认为我的问题是由于1.4.8中的一个错误。当我在小提琴中更改为1.2.1时，它会起作用：-(