AngularJS: Как связать ng-модель с 2-мерным массивом

Question

Я новичок в AngularJs.

Я хотел бы создать элемент многомерного массива в ng-model, как определено ниже.

<Ojbect> 
    <Array> 
     <Element1> 
      <var1> 
      <var2> 
     <Element2> 
      <var1> 
      <var2 

Я пробовал со следующим кодом.

ng-model="name.firstname.$index" 

ng-model="name.firstname.[$index]" 

Но понятия не имею.

Помогите?

Любая помощь в этом была бы принята с благодарностью.

Answer 1

Вы можете использовать {{myModel.nestedProperty.arrayField [2]}} в выражениях бинга.

Answer 2

Вы должны определить его как scope variable в вашем контроллере.

CONTROLLER

$scope.parent = { child : {}}; 

HTML

<ANY ng-repeat="i in items"> 
    <span ng-model="parent.child[$index].firstname"></span> 
    <span ng-model="parent.child[$index].lastname"></span> 
</ANY> 

Для вложенной ng-repeat используйте $parent.$index

<ANY ng-repeat="i in items"> 
    <ANY ng-repeat="val in i.dummy"> 
     <span ng-model="parent.child[$parent.$index][$index].firstname"></span> 
     <span ng-model="parent.child[$parent.$index][$index].lastname"></span> 
    </ANY> 
</ANY> 

FYI, это дзю st пример кода, а не настоящий код.

Answer 3

<Array> 
    <Element1> 
     <var1> 
     <var2> 
    <Element1> 
    </Element2> 
     <var1> 
     <var2> 
    </Element2> 
</Array> 

Относительно этого моделирования у вас в вашем вопросе я придумал следующую скрипку.

https://jsfiddle.net/nealhamilton/p355q5vw/