如何使用ko.mapping脚本(“剃刀"页面)访问和显示映射的数据? [英] How to access and display mapped data with ko.mapping script (Razor page)?

问题描述

Java脚本(使用获取数据，无法通过剔除获得json对象回答{1}方法):

Java script (getting data using Can`t get json object to with knockout answer {1} method):

<script type="text/javascript">
    $.getJSON("/api/TelemarketingApi", function (result) {
        function viewModel() {            
            return ko.mapping.fromJS(result);
        };
        ko.applyBindings(new viewModel());
    })
    .error(function () { alert("error"); });
</script>

JSON对象:

[
    {
        "TelemCalls": [ {"ID": 1, "duratio": "11"}],
        "ID": 1,
        "FirstName": "Jonas",
        "LastName": "Jonaitis",
        "Phone": "860123123",
        "Municipality": null
    }
]

如何在剃刀页面中访问和显示映射的JSON数据?

How can I access and display mapped JSON data in a razor page?

推荐答案

请记住，在由Razor构建页面时，只能在JavaScript中访问映射的数据，而不能在服务器端访问.因此，要在页面上显示viewModel的属性值，请尝试以下操作:

Remember that your mapped data is accessible only in JavaScript, not on the server side while page is being built by Razor. So to show viewModel's property values on the page try the following:

<input data-bind="value: FirstName" />
<ul data-bind="foreach: TelemCalls">
    <li data-bind="text: duratio"></li>
</ul>

如果顶级视图模型是数组，请使用以下语法:

If your top-level viewmodel is an array so use the following syntax:

<div data-bind="$data">
    <input data-bind="value: FirstName" />
    <ul data-bind="foreach: TelemCalls">
        <li data-bind="text: duratio"></li>
    </ul>
</div>

这篇关于如何使用ko.mapping脚本(“剃刀"页面)访问和显示映射的数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！