-1

データのリストを HTML にバインドします。各リストには、ajax で詳細を取得するためのボタンがあります。コールバックデータをモデルのメンバーにバインドしたい.ajaxコールバック後、オブジェクトにはデータがあり、ビューが受信された(ko.toJSON(d, null, 2))オブジェクト. しかし、HTML はデータを更新しません。何が悪いのかわかりません。助けてください。ありがとうございました。

HTML:

<section id="lists">
    <article class="todoList">
        <script type="text/html" id="person-template">
          <!--  <p>Credits: <span data-bind="text: message"></span></p>-->
            <p>xxx</p>
        </script>
        <ul data-bind="foreach: Items">
            <li>
                <div>
                    <span class="contentarea" data-bind="text: message"></span>
                    <button data-bind="click: $parent.evClick.bind($data)">Get details</button>
                    <button data-bind="click: detail">Ajax-Get</button>
                    <p>Credits: <span data-bind="text: d.message"></span></p>
                    <div style="display: block; width: 200px; height: 200px; border: solid 1px #ff6a00;" data-bind="text: ko.toJSON(d, null, 2)"></div>
                </div>

            </li>
        </ul>
    </article>
</section>

完全なコードはこちら。 http://jsfiddle.net/wuttipat/sc8fX/12/

4

3 に答える 3

1

使用する必要があります

<div data-bind="with: d">
    <span data-bind="text: message"></span>

data-bind="with: d" は、内部で data-bind="text: message" を使用するとバインディング コンテキストのスコープを作成するため、この場合は d を意味する親バインディング コンテキストを参照します。

完全なコードはこちら: http://jsfiddle.net/sc8fX/74/

于 2013-05-29T12:25:15.443 に答える