angularjs将模型绑定到模型内部的什么？

Question

如果有人对我的问题的措辞有更好的建议，请编辑。

我有这个案子：

<input type="text" ng-model="panels[ <whats inside the input> ]"/>

我希望将此模型绑定到panels数组，其中数组的位置由输入中某人键入的内容确定。

示例：

如果有人在输入中键入3我希望ng-model成为面板[2]，有没有办法做到这一点？

Answer 1

您对ng-model所做的事情感到困惑。 ng-model是输入绑定的内容。因此，无论您键入什么，都会进入ng-model定义的字段。通过根据键入的内容将ng-model分配给索引，您基本上要求ng-model绑定到两个不同的东西。

这是对你所要求的看法。您可以通过绑定到第二个输入的变量来索引值：

<div ng-app ng-controller="MyCtrl">
  <input ng-model="index" />
  <input ng-model="panels[index]" />
  {{panels}}
</div>

JS：

function MyCtrl($scope) {
  $scope.panels = [ "one", "two", "three" ];
}