0

次の方法でノックアウトを正常に使用しています。

<div id="Options" data-bind="foreach: Options">

        <button type="button" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select"><img src="/path/to/img.png"/></button>

    </div>

今、私は次のようにボタンを画像に変更しようとしています:

<div id="Options" data-bind="foreach: Options">

        <input type="image" data-bind="css: { selected: IsSelected }, attr:{src:/path/to/img.png}, enable: $parent.allow, click: $parent.select" />

    </div>

私の目標は、ノックアウトを使用して、すべてのオプションを独自のイメージにペアリングすることです。

2番目のオプションではボタンが読み込まれないので、構文がオフになっていると思います。なぜそれが機能しないのですか？

4

1 に答える 1

1

画像ソースの設定方法が間違っています。文字列の値に設定しようとしていますが、文字列リテラルとして (つまり、引用符で) 書き込む必要があります。他のバインディングでそれらを使用せずにバインディングを設定できる理由は、それらがビュー モデルのプロパティであるためです。

これらのいずれかが機能するはずです。

<input type="image" data-bind="css: { selected: IsSelected }, attr:{src:'/path/to/img.png'}, enable: $parent.allow, click: $parent.select" />

<input type="image" src="/path/to/img.png" data-bind="css: { selected: IsSelected }, enable: $parent.allow, click: $parent.select" />
于 2012-09-06T17:21:27.337 に答える