通过此对象循环项目时的角度空对象

Question

当我画下面的html：

<table >
    ...
    <tr ng-repeat="item in countryItems">
        <td ng-repeat="monthName in admin.monthName">
            <input class="form-control text-right"
                   type="number" 
                   ng-model="countryItem[item._id][monthName.text]"
                   style="width:75px"
                   value="{{item[monthName.text]}}"
                   >
        </td>                             
    ...
</table>

按预期显示值，但转储值如下：

<pre>{{countryItem | json}}</pre>

仅显示

{}

在发布此范围var“countryItem”时，该值与元素中打印的值相同。

奇怪的是，当我将鼠标悬停在那些输入上时，只打印我传递鼠标的输入，所以直到我没有将鼠标移过所有输入，对象才会获得所有值......

有什么问题？我希望在表格中打印的对象中具有相同的值。

Answer 1

countryItem不存在，应为countryItems

像这样：

{{countryItems | json}}

或者如果在你的ng-repeat中：

{{countryItems[item._id][monthName.text] | json}}

此外，您不应将值绑定到已具有ng-model的输入，因为这是ng-model指令的责任。