angularjs - ng-repeat での角度バインディングのネスト

Question

これが現在 Angular で可能なことなのか、それとも独自のディレクティブを作成する必要があるのか​​、ちょっと興味があります。

オブジェクトの各プロパティの入力タグを動的に作成しようとしています。これを実現するために、JavaScript でオブジェクトを検査し、対応する入力「タイプ」にマップされたオブジェクトのプロパティ名を含む配列を作成しています。

元。

var fields = []
for (var name in myObject) {
    if (!myObject.hasOwnProperty(name)) continue;
    fields.push({ 'name': name, 'inputType': typeToInputType(myObject[name]) });
}
$scope.fields = fields;

次に、マークアップで次のことを行います。

    <label for="{{f.name}}" ng-repeat="f in fields">
        {{f.name}}: <input name="{{f.name}}" ng-model="myObject.{{f.name}}" type="{{f.inputType}}" />
    </label>

この属性に到達する場合を除いて、すべてがうまく機能します。

ng-model="myObject.{{f.name}}"

それが深刻な問題を引き起こしています。その背後にあるアイデアは、私が持っているということです

$scope.myObject

また、「名前」入力などの入力に何かを入力すると、次のようになります。

$scope.myObject.Name = "I typed stuff";