AngularJS用复选框绑定对象

AngularJS bind objects with checkbox

本文关键字:对象 绑定 复选框 AngularJS      更新时间:2023-09-26

我有一个嵌套的对象列表,最多有三个级别的状态。对于每个对象,都有一个嵌套的对象本身,直到n级。我想把那个对象直接绑定到复选框上,这样如果我选中了任何一个项目,它就会对那个特定的对象产生直接的影响。在角度上有什么方法可以做到吗?下面是一个示例对象。

从服务器端获取的对象:

[{
    "name": "nvs_core",
    "discovered": [{
        "name": "tag",
        "Fields": [{
            "name": "tag",
       }]
    }]
    }]
}, {
    "name": "nvs_core_trial",
    "discovered": [{
        "name": "nvs_src_tag",
        "Fields": [{
            "name": "nid",
        }]
    }, 
    }]
}]

你可以将model附加到你的复选框上,如果你想要一个不同的选中/未选中值你可以在这里看到例子https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D底部页面

<input type="checkbox" ng-model="myobj.discovered.Fields.name.checked" ng-repeat="myobj in ArrayOfObjects"/>