WeX5数据绑定：style绑定

style绑定为元素添加一个或多个样式，如果需要绑定css，请参考style绑定。

示例代码：

//.W片段
//&lt; 是<的转义符
<div bind-style="{ color: currentProfit.get() &lt; 0 ? 'red' : 'black' }">
 Profit Information
</div>

//.js片段
//初始正值，div里的内容为黑色
this.currentProfit=justep.Bind.observable(150000);
//设置为负值，div里的内容变为红色
this.currentProfit.set(-50);

绑定规则：style绑定规则和css绑定规则相似，都是通过表达式判断是添加或移除一个样式。

在style绑定中，我们同样会遇到和css绑定时一样的问题：当样式的名称不是合法的JavaScript变量的时候，我们应该怎么办呢？

例如：font-weight，我们应该写成：fontWeight，或者用引号包裹起来：’font-weight’

本文由WeX5君整理，WeX5一款开源免费的html5开发工具，H5 App开发就用WeX5!

阅读其他app 开发相关文章：http://doc.wex5.com/?p=3443