binding - AngularJSマップをバインドする方法

Question

これが私のHTMLです：

<div ng-app="angularApp">
    <div ng-controller="testCtrl">
        testKey = {{testKey}}<br />
        Test 1: <input type="text" ng-model="test.myKey" />{{test[testKey]}}<br />

        Test 2: <input type="text" ng-model="test[testKey]" />{{test[testKey]}}
    </div>
</div>

これがjsです：

angular.module('angularApp', []);

function testCtrl($scope)
{
    $scope.testKey = "myKey";
}​

ここでセットアップと例を示します

テスト1は機能するのに、テスト2は機能しないのはなぜですか？ng-modelディレクティブで「[」は許可されていませんか？

Answer 1

ここに実際の例があります。問題は非常に単純で、test.[testKey]有効ではありませんtest[testKey]。testまた、未定義の変数のプロパティを設定することはできないため、コントローラーでオブジェクトとして定義する必要があります。