敲除数据绑定标记中的多个设置（attr和style）

Question

直到“style：{”语法很好，第二部分出了什么问题？

<div data-bind="attr: { 'style': 'position:relative; float:left; width: ' + width + 
'; height: ' + height + ';} style: {border: $parent.foo() ? \'1px solid black\' : \'1px solid white\' }'">

提前致谢 CS

Answer 1

您不需要为模型值使用字符串连接。您还缺少第一个style值末尾的单引号和attr值后面的逗号：

<div data-bind="attr: { 'style': 'position:relative; float:left; width: width; height: height; '}, style: {border: $parent.foo() ? '1px solid black' : '1px solid white' }">

JsFiddle