angularjs - 使用 Scope 中的值来命名 ng-model？

Question

假设我有一个看起来像这样的对象：

$scope.obj.foo = 'bar';

我希望输入字段具有 ng-model='bar'

如果我这样定义：

<input ng-model="{{obj.foo}}" />

我收到一个 JavaScript 错误

如果我这样定义：

<input ng-model="obj.foo" />

ng-model 是 obj.foo 并且输入元素 get 填充了值 bar。

我应该如何编写我的模板以实现这样的输入字段： 期望的结果：

<input ng-model="bar" />

但从范围中获取 ng-model-name 而不是将其写入模板。

Answer 1

无论如何，您都需要为模型使用对象，因此您可以这样做

<input ng-model="obj[myModelName]" />

然后myModelName用"foo"或插入"bar"。