angularjs - スコープの値を使用して 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 で、input-element には値 bar が入力されます。

次のように機能する入力フィールドを実現するには、テンプレートをどのように記述すればよいですか:

<input ng-model="bar" />

ただし、テンプレートに書き込むのではなく、スコープから ng-model-name をフェッチします。

Answer 1

とにかくモデルにオブジェクトを使用する必要があるため、次のようにすることができます

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

次に、 または のmyModelNameいずれか"foo"でを接続します"bar"。