4 つのプロパティをかなり単純な HTML 構造にバインドしようとしています。IE7 / IE8でページをロードするまで、FF11、Chrome18、およびIE9ではすべてが桃です(IE9のバージョンの開発者ツールでブラウザモードとクーメントモードを変更することにより)。
シンプルな HTML 構造 - 4 行のバインドされたデータを出力するだけです。ラベルとバインドされたデータ。
<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>
計算列と関係があるのではないかと思いましたが、「使用可能なポイント」も計算フィールドであり、完全に機能します。
ここで見つけることができる問題を説明する「フィドル」を作成しました...
どんな助けでも大歓迎です!
ありがとう、ゲイリー