1

我在 knout-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'
            }]

显然有时某些财产丢失了？所以我得到* is not defined* 错误。如何处理这种情况。

4

1 回答 1

1

你有两个选择。您可以确保您的 ViewModel 没有锯齿状。这可以通过对您的模型使用淘汰映射插件并让它使用您类型的构造函数来很好地完成。这样你甚至可以定义默认值

另一种选择是引用 $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 回答