Knockoutjs 一对多映射不起作用答案

【问题标题】：Knockoutjs one to many mapping not workingKnockoutjs 一对多映射不起作用
【发布时间】：2014-12-10 07:27:56
【问题描述】：

在下面的代码 sn-p 中，我正在使用 knockoutjs 映射插件创建父子视图模型。我在映射中没有收到任何错误但是当我运行应用程序时，它会抛出错误 name is not defined。

data = {
                    "Id": 1,
                    "Name": "Microsoft",
                    "Address": "USA",
                    "WebPage": "SS",
                    "Employees": [
                        {
                            "Id": 1,
                            "FirstName": "sadsasa",
                            "LastName": "ADF",
                            "Twitter": "dfd",
                            "WebPage": "sdfdf"
                        },
                        {
                            "Id": 2,
                            "FirstName": "sadsasa",
                            "LastName": "ADF",
                            "Twitter": "dfd",
                            "WebPage": "sdfs"
                        },
                        {
                            "Id": 3,
                            "FirstName": "sadsasa",
                            "LastName": "ADF",
                            "Twitter": "dfd",
                            "WebPage": "sfdfs"
                        }
                        ]
                    };
        var mapping = {
            'Employees': {
                create: function (options) {
                    alert(options);
                    return new PersonViewModel(options.data);
                }
            }
        }
        function PersonViewModel(data) {
            ko.mapping.fromJS(data);
        }
        function CompanyViewModel(data) {
    
            ko.mapping.fromJS(data, mapping, this);
        }
        var company;
        $(document).ready(function () {
            $.ajax({
                url: '/api/Greet',
                type: 'GET',
                dataType: 'json',
                success: function (result) {
    
                    data = JSON.stringify(result);
                    company = new CompanyViewModel(data);
                    console.log(company);
                    ko.applyBindings(company);
                },
                error: function (e) {
                    alert(e);
                }
            });
        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<div>
        FirstName:  <span data-bind="text:Name"></span>
    
    </div>

【问题讨论】：

以下问题的答案将对您有所帮助。 stackoverflow.com/questions/27091175/…
@dotnetstep 通过您的帮助（发布的链接），我获得了很多关于映射的知识。欢呼

标签： asp.net-mvc knockout.js

【解决方案1】：

你需要对你的代码做一些小的修改。

查看模型：

 function PersonViewModel(data) {
        ko.mapping.fromJS(data,mapping,this);
    }

    function CompanyViewModel(data) {
        self.childlist=ko.observableArray();
        ko.mapping.fromJS(data, mapping, this);
        self.childlist.push(new PersonViewModel()); //child array
    }

查看：

<div>
    <b>FirstName:</b>  <span data-bind="text:Name"></span>
    <div data-bind="foreach:Employees">
    <span data-bind="text:Id"></span>
    </div>
</div>

工作小提琴here

如果有任何问题，请告诉我。

【讨论】：