Я новичок в knockout.js и пытаюсь привязать к следующему объекту, представляющему пользователя:
{
"$id": "1",
"$values": [
{
"$id": "2",
"Locations": {
"$id": "3",
"$values": []
},
"Photos": {
"$id": "4",
"$values": []
},
"UserId": 1,
"Name": "Test User"
}
]
}
Пользователь может иметь нулевые или более местоположения, а также ноль или более фотографий.
Модель просмотра:
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());
})
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 type="text" data-bind="value: $data.Name" />
</div>
</li>
</ul>
Неужели я делаю это неправильно? Или ссылки на объекты пользователей на объекты и фотографии могут испортить привязку?