Knockout.js 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

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,试试结果是什么呢?