Asp.net mvc 具有类作用域属性的敲除

我正在使用Knockout并将ViewModel绑定到我的ASP.Net MVC 4项目中的数据对象，非常好，如下所示：

$(document).ready(function() {
properties = @Html.Raw(Json.Encode(Model));
selectedProperty = properties[0];
viewModel = { properties: ko.mapping.fromJS(@Html.Raw(Json.Encode(Model))), selectedProperty:  ko.observable()}; 
viewModel.setItem = function(item) {
viewModel.selectedProperty(item);   
}
ko.applyBindings(viewModel);

现在我想重构JavaScript，以便将逻辑封装在类中：

RealEstate.Search = function (properties) {
    this.properties = properties;
    this.selectedProperty = this.properties[0];
    this.viewModel = { properties: ko.mapping.fromJS(this.properties), selectedProperty:  ko.observable()}; 
    this.viewModel.setItem = function(item) {
    viewModel.selectedProperty(item);   
    }        
    ko.applyBindings(this.viewModel);
}

我在HTML页面中实例化该对象，如下所示：

$(document).ready(function() {
search = new RealEstate.Search(@Html.Raw(Json.Encode(Model))); 
     }

现在，我得到以下错误：
错误：无法分析绑定。 消息：ReferenceError:“属性”未定义； 绑定值：foreach:properties

以下是绑定到ViewModel的表的剪切HTML：

    <div id="divDataTable" data-bind="with: properties">

        <table id="dataTable" class="tablesorter">
            <thead>
                <tr>
                    <th>Address
                    </th>
                    <th>
                       Suburb
                    </th>
                    <th>Price
                    </th>
                    <th>Beds
                    </th>
                    <th>Baths
                    </th>
                    <th>Days Listed
                    </th>
                </tr>
            </thead>
            <tbody data-bind="foreach: properties">
                <tr data-bind="click: $root.setItem">
                    <td>
                        <label data-bind="text: $data.Street"></label>
                        <input data-bind="attr: { value : $index(), id : $index(), name : $index() }" type="hidden" />
                    </td>
                    <td data-bind="text: $data.Suburb"></td>
                    <td data-bind="text: $data.PriceFormatted"></td>
                    <td data-bind="text: $data.NumOfBedrooms"></td>
                    <td data-bind="text: $data.NumOfBathrooms"></td>
                    <td data-bind="text: $data.DaysListed"></td>
                </tr>
            </tbody>
        </table>
    </div>
</section>
<div id="divProperty">
    <aside class="float-right" data-bind="with: selectedProperty">
        <table>
            <tr>
                <td>
                    <label data-bind="text: $data.Street"></label>
                </td>
                <td>
                    <label data-bind="text: $data.PriceFormatted"></label>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <img src="#" /></td>
            </tr>
            <tr>
                <td>Beds:
                <label data-bind="text: $data.NumOfBedrooms"></label>
                </td>
                <td>On OZMite:
                <label data-bind="text: $data.DaysListed"></label>
                </td>
            </tr>
            <tr>
                <td>Baths:
                <label data-bind="text: $data.NumOfBathrooms"></label>
                </td>
                <td>Year built:</td>
            </tr>
        </table>
    </aside>

地址
郊区
价格
床
洗澡
列出的天数
病床：
关于OZMite：
浴室：
建成年份：

如果有人能说明我做错了什么，我将不胜感激。

使用

data bind=“With:properties”

您已经“在

div中的
属性的上下文中”

因此，当您编写
时，KO会尝试在
属性
数组中查找
属性

您需要使用
$data
引用当前数据

因此，您的foreach应该如下所示：

<tbody data-bind="foreach: $data">       
   ...
</todby>


...
您确定使用正确的视图模型来显示正确的视图吗？因为您的代码应该可以工作，所以实际上它可以工作：。您应该在
ko.applyBindings
之前注销
this.viewModel
，以查看viewModel中的内容。感谢您的提示。我现在有一些功能正在工作，并认为是包含我的表的div中的with:properties属性导致了问题。我已经更新了问题中的HTML。。你能看看为什么带：属性的会坏吗？就是这样。感谢您帮助我理解with:语句是如何运行的。我喜欢社区中对这个框架的支持。你们都很摇滚！