Question

我是AngularJs的新手。

我想在ng-model中创建多维数组元素，如下所述。

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

我尝试使用以下代码。

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

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

但是没有任何想法。

请帮帮忙？

对此的任何帮助将不胜感激。

Answer 1

您可以在binging表达式中使用{{myModel.nestedProperty.arrayField [2]}}。

Answer 2

您应该在控制器中将其定义为$scope.parent = { child : {}};。

<强> CONTROLLER

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

<强> HTML

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>

{{1}}

仅供参考，这只是代码的一个例子，而不是真正的代码。

Answer 3

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

参考这个模型，你在你的问题中得到了以下小提琴。

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

AngularJS：如何将ng-model绑定到二维数组

3 个答案: