我是knockout.js的新手,我正在尝试绑定到代表用户的以下对象:
{
"$id": "1",
"$values": [
{
"$id": "2",
"Locations": {
"$id": "3",
"$values": []
},
"Photos": {
"$id": "4",
"$values": []
},
"UserId": 1,
"Name": "Test User"
}
]
}
Run Code Online (Sandbox Code Playgroud)
用户可以零个或多个位置,以及零个或多个照片.
视图模型:
function UsersViewModel() {
var self = this;
self.users = ko.observableArray();
var baseUri = 'http://localhost:46241/api/users';
$.getJSON(baseUri, function (data) {
self.users = data;
});
}
$(document).ready(function () {
ko.applyBindings(new UsersViewModel());
})
Run Code Online (Sandbox Code Playgroud)
HTML包含以下绑定:
<ul id="update-users" data-bind="foreach: users">
<li>
<div><div class="item">User ID</div>
<input type="text" data-bind="value: $data.UserId" />
</div>
<div><div class="item">Name</div>
<input …Run Code Online (Sandbox Code Playgroud) knockout.js ×1