Question

我试图将四个属性绑定到一个相当简单的HTML结构。 FF11，Chrome18和IE9中的所有东西都是桃子，直到我在IE7 / IE8中加载页面（通过改变IE9版本的开发者工具中的浏览器和Coument模式）。

简单的HTML结构 - 只输出四行绑定数据。标签和绑定数据。

<div id="loyaltyProgramSummary" class="content-block clearfix" data-bind="with: CustomerPoints">
    <div class="form-row">
        <div>PricingGroup:</div>
        <div><span data-bind="text:PricingGroupName"></div>
    </div>
    <div class="form-row">
        <div>LifetimePointsToDate:</div>
        <div><span data-bind="text:LifetimePoints"></div>
    </div>
    <div class="form-row">
        <div>PointsUsed:</div>
        <div><span data-bind="text:RedeemedPoints"></div>
    </div>
    <div class="form-row">
        <div>AvailablePoints:</div>
        <div><span data-bind="text:AvailablePoints"></div>
    </div>
</div>

第一行“PricingGroupName”是一个ko.computed字段，是最终被删除的字段。当我在IE9开发工具中查看渲染的HTML时，它已被完全省略。

   <div id="loyaltyProgramSummary" class="content-block clearfix" data-bind="with:CustomerPoints" __ko__1335910690335="ko3">            
       <div class="form-row" __ko__1335910690335="ko4">
            <div>LifetimePointsToDate:</div>
            <div><span data-bind="text:LifetimePoints" __ko__1335910690335="ko5">1000</div>
        </div>
        <div class="form-row" __ko__1335910690335="ko8">
            <div>PointsUsed:</div>
            <div><span data-bind="text:RedeemedPoints" __ko__1335910690335="ko6">1550</div>
        </div>
        <div class="form-row" __ko__1335910690335="ko9">
            <div>AvailablePoints:</div>
            <div><span data-bind="text:AvailablePoints" __ko__1335910690335="ko7">8450</div>
        </div>
    </div>

我认为它可能与计算列有关，但“可用点”也是一个计算字段，它完美地运行。

我创造了一个“小提琴”，说明可以找到here ...

的问题

任何帮助都会非常感激！

谢谢你，加里

Answer 1

请勿使用空的自动关闭标签，请更改为。 http://jsfiddle.net/UXA4Q/13/

KnockoutJS数据绑定从IE7和IE8中删除元素

1 个答案: