2016-12-02 61 views
1

我試圖將ng-repeat項連接到ng模型對象。我想知道這是否可能。在ng模型中連接ng重複項作爲對象

因此,例如:

//array 
$scope.array = [ 
{ 
    param: 'color', 
    .... 
}, 
{ 
    param: 'weight', 
    ..... 
} 
] 

HTML

<div ng-repeat="item in array"> 
    {{ item.param }} 

    <input type="text" ng-model="form.name.{{ item.param }}" > 
</div> 

因此,可以說{{ item.param }}color,該ng-modelform.name.color

表單對象將是這樣的:

{ 

    name: { 
    color: 'value of input', 
    weight: 'value of input' 
    } 

} 

我如何可以連接的item.param對象form.name?我一直在嘗試很多方法,但沒有結果。我試圖使用$index,但不知道從哪裏開始。

您的幫助將不勝感激!

+0

可能重複 http://stackoverflow.com/questions/14410993/binding-ng-model-inside-ng-repeat-loop-in-angularjs – fubbe

+0

@fubbe如果我在'ng-model'中沒有'form.name',這可能是重複的,在這種情況下,它只是'ng-model =「item.param」'。我需要'form'對象,因爲我將它作爲新對象發送,並希望'item.param'作爲form.name對象中的一個鍵 – medev21

回答

1

結賬this小提琴。

ng-model應該是這樣的:

ng-model="form.name[item.param]"