javascript - 使用 Angular 将数组从模板绑定(bind)到 Controller

标签 javascript angularjs data-binding bind

您好,我在使用 angularjs 将数据从模板绑定(bind)到 Controller 时遇到问题

我拥有的第一个对象(已编辑)

$scope.data =  {

               }

之后我将它绑定(bind)到html

<input ng-model="data.item.test[0].value" />

但我控制我得到

{
    item: object() {
        0: object() {value: "ok"}    
    }
}

需要的是

item = array(0: object())

我该怎么做

最佳答案

更改 Controller 中的模式结构:

$scope.data = {
    "item": []
};

并在 HTML 中使用

<input ng-model="data.item[0].value" />

那么模型对象就会变成这样:

{
  "item": [
    {
      "value": "ok"
    }
  ]
}

演示: http://plnkr.co/edit/u66QJhYiduk668C54fOb?p=preview

关于javascript - 使用 Angular 将数组从模板绑定(bind)到 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30117321/

相关文章:

c# - 回发后 Listview 未在 databind() 上完全更新

c# - 将子属性绑定(bind)到 DataGridView

wpf - 如何将单选按钮绑定(bind)到枚举?

javascript - 在 jQuery 中禁用(不可点击的)背景内容

javascript - 是否有一个集合映射 jquery 函数,其中 end 方法适用于基本查询

javascript - 如何使用jquery以不区分大小写的方式获取URL参数

css - 垂直居中登录表单?

javascript - ES6 中制作重复元素列表的等效方法是什么?

angularjs - grunt-contrib-requirejs 中的垫片未包装库

angularjs - SASS CSS css 修复包含在自定义类名中?