小编ver*_*ose的帖子

Knockout.js:绑定到复杂对象

我是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

10
推荐指数
1
解决办法
1万
查看次数

标签 统计

knockout.js ×1