1

knockout-jsでジャグ配列をバインドするのに問題があります。たくさん検索しましたが、何も見つかりませんでした。簡単な例を見てみましょう。

<div data-bind="foreach: items">
<div  data-bind="style: { textAlign: align, backgroundColor:  bgColor, fontFamily: fontFamily, fontSize: size, color: color }, text: title"></div>
</div>

これが私の配列です、

var items = [{
                    title: 'A',
                    align: 'right',
                    fontFamily: 'helvetica',
                    color: '#777777',
                    bgColor: '#ffffff'
            }, 
            {
                    title: 'A',
                    align: 'right',
                    size: 'large',
                    fontFamily: 'helvetica'
            }
            {
                    size: 'large',
                    fontFamily: 'helvetica',
                    color: '#777777'
            }]

明らかに、いくつかのプロパティが欠落している場合がありますか？したがって、 *定義されていません*エラーが発生します。この状況に対処する方法。

4

1 に答える 1

1

2つのオプションがあります。ViewModelがギザギザになっていないことを確認できます。これは、モデルに対してノックアウトマッピングプラグインを使用し、タイプのコンストラクターを使用することでうまくいきます。このようにして、デフォルトを定義することもできます

もう1つのオプションは、$dataコンテキストから値を参照することです。IE：

<div  data-bind="style: { textAlign: $data.align, backgroundColor:  $data.bgColor, fontFamily: $data.fontFamily, fontSize: $data.size, color: $data.color }, text: $data.title"></div>

フィドル： http： //jsfiddle.net/drdamour/Xp9Er/

于 2013-01-26T08:16:08.430 に答える