0

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>

計算列と関係があるのではないかと思いましたが、「使用可能なポイント」も計算フィールドであり、完全に機能します。

ここで見つけることができる問題を説明する「フィドル」を作成しました...

どんな助けでも大歓迎です!

ありがとう、ゲイリー

4

1 に答える 1

0

空の自己終了タグを使用しないでください。に変更してください。http://jsfiddle.net/UXA4Q/13/

于 2012-05-01T22:53:26.013 に答える