Knockout.js 互动版

Style

style绑定是添加或删除一个或多个DOM元素上的style值。比如当数字变成负数时高亮显示,或者根据数字显示对应宽度的Bar

<div data-bind="style: { color: currentProfit() < 0 ? 'red' : 'black' }">Profit Information</div>
var viewModel = {
      currentProfit: ko.observable(150000)
};
viewModel.currentProfit(-50);
改变一下currentProfit的值为100,试试结果是什么呢?