敲除映射插件无法获取绑定属性

Question

我试图结合敲除映射插件来理解敲除。

我有一个 asp.net MVC 应用程序返回一个模型（一组客户）。

我的控制器：

Public ActionResult Index()
{
    List<Customer> customers = new List<Customer>{
         .....initializing-code for the customerlist

         };
    return View(customers);
}

在我看来，我有一个脚本如下：

<script type="text/javascript">
    function ViewModel() {
        var self = this;
    };

    var myViewModel;

    $(function() {
        var jsonModel = '@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(this.Model, new Newtonsoft.Json.Converters.IsoDateTimeConverter()))';
        myViewModel = ko.mapping.fromJSON(jsonModel, {}, new ViewModel());
        ko.applyBindings(myViewModel);
    });

</script>

我想使用 foreach 进行控制流绑定......这个 foreach 绑定的变量名是什么。我尝试了“$data”，但这似乎不起作用。

亲切的问候

相关查看代码：

<div class="row" data-bind="foreach: customers">
    <div class="col-md-2">
    <span data-bind="text: Name"></span>
</div>
<div class="col-md-2">
    <span data-bind="text: FirstName"></span>&nbsp;<span data-bind="text: LastName"></span>
</div>
<div class="col-md-2">
    <span data-bind="text: ContactStreet"></span>&nbsp;<span data-bind="text: ContactBuildingNumber"></span>
</div>
<div class="col-md-2">
    <span data-bind="text: ContactPostalCode"></span>
</div>
<div class="col-md-2">
    <span data-bind="text: ContactCity"></span>
</div>
<div class="col-md-2">
    <button class="btn btn-success">Edit</button>
    <button class="btn btn-danger">Delete</button>
</div>

@section scripts{
@Scripts.Render("~/bundles/knockout")
<script type="text/javascript">
    function ViewModel() {
        var self = this;


    };

    var myViewModel = {};

    $(function() {
        var jsonModel = '@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(this.Model, new Newtonsoft.Json.Converters.IsoDateTimeConverter()))';
        myViewModel.customers = ko.mapping.fromJSON(jsonModel, {}, new ViewModel());
        ko.applyBindings(myViewModel);
    });

</script>

Answer 1

你有它，你可以像这样绑定它

<div data-bind="foreach: $root">
    <span data-bind="text: Name"></span> 
    ... etc ...
</div>

但是，我会这样做

var myViewModel = {};

$(function() {
    var jsonModel = '@Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(this.Model, new Newtonsoft.Json.Converters.IsoDateTimeConverter()))';
    myViewModel.customers = ko.mapping.fromJS(jsonModel);
    ko.applyBindings(myViewModel);
});

然后你可以输入你的标记

<div data-bind="foreach: customers">
    <span data-bind="text: Name"></span> 
    ... etc ...
</div>

因为现在您可以向视图模型添加更多属性，您肯定会需要这些属性。

更新：Here's a working jsfiddle。记住电话是fromJS，而不是fromJSON。