为什么不工作淘汰赛foreach？答案

【问题标题】：Why not worked knockout foreach?为什么不工作淘汰赛foreach？
【发布时间】：2012-07-17 07:41:20
【问题描述】：

我没有，淘汰赛 foreach 不起作用。

查看：

@using PerpetuumSoft.Knockout
@using WebIdea.Domain.Entities
@model WebIdea.Web.Models.KnockoutProductList
@{
    ViewBag.Title = "Index";
    var ko = Html.CreateKnockoutContext();
}

<script src="/Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<script src="/Scripts/knockout.mapping-latest.js" type="text/javascript"></script>
<script src="/Scripts/perpetuum.knockout.js" type="text/javascript"></script>

@ko.Apply(Model)

@using (var items = ko.Foreach(m => m.Products))
{
<ul>
    <li>@items.Html.TextBox(x=>x.Url)</li>
</ul>
}

型号：

public class KnockoutProductList
{
    public List<Product> Products { get; set; }
}

HTML：

<script src="/Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<script src="/Scripts/knockout.mapping-latest.js" type="text/javascript"></script>
<script src="/Scripts/perpetuum.knockout.js" type="text/javascript"></script>

<script type="text/javascript"> 

var viewModelJs = {"Products":[{"Id":"6d222412-87f1-402e-b705-27a89c1572dd","Name":"asdasd","Price":123123,"Url":"http://www.ya.ru/hh33.jpg"},{"Id":"d578f8f3-a6f1-415c-9fd9-7848709cf8e0","Name":"twertwert","Price":12.3,"Url":"http://jewelry.ecommanager.net/uploads/images/products/42eb3d1c-4e7f-41eb-8238-becaaaff100a-thumb.jpg"}]};

var viewModel = ko.mapping.fromJS(viewModelJs); 

ko.applyBindings(viewModel);
</script>

<!-- ko foreach: Products -->
        <ul>
        <li><input data-bind="value : Url" /></li>
       </ul>
<!-- /ko -->

【问题讨论】：

您是否收到任何错误消息？实际发生了什么？
发生了，但应该显示 2 个项目
嗨，@ko.Apply(Model) 是什么，这不是普通的剃须刀语法，你在使用某种插件吗？
不，我不只使用插件 razor 和 knockout/js

标签： c# asp.net-mvc-3 knockout.js

【解决方案1】：

试着在你的视野中这样做：

<ul>
@using (var items = ko.Foreach(m => m.Products))
{
    <li>@items.Html.TextBox(x=>x.Url)</li>
}
</ul>

【讨论】：

【解决方案2】：

您应该将值与“文本”绑定：

<!-- ko foreach: Products -->
        <ul>
        <li><input data-bind="text: Url()" /></li>
       </ul>
<!-- /ko -->

问候。

【讨论】：