如何指定两个css类: from属性和条件类
如何指定两个css类: from属性和条件类
提问于 2013-07-28 23:30:12
我知道在剔除中有能力从可观察的属性中指定类，如下所示：
<div data-bind="css: Color " >敲除还提供了指定条件类呈现的能力，如下所示：
<div data-bind="css: { 'my-class' : SomeBooleanProperty }" >，但是如果我需要将css的那些特性绑定在一起，那么应该指定哪些标记？
我试过了，但没有运气：
<div data-bind="css: { Color, 'my-class' : SomeBooleanProperty }" >我发现了一个错误：
错误:无法解析绑定。SyntaxError:意想不到的令牌；
我没有在谷歌或官方文档中找到任何例子。
更新
我找到了一个解决办法:在代码中构建样式字符串并将其放到属性中，如下所示：
item.AdditionalCss(Color() + " " + (result.IsSortable() ? 'my-class' : null));并在html中指定该类：
data-bind="css: AdditionalCss "但我有点困惑，我觉得这是一种肮脏的做法。我认为在标记中实现同样的结果会更好。如何使用标记来完成这一任务？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-28 23:49:39
使用类绑定
<div data-bind="class: myClass" >视图模型：
var vm = {
myClass : ko.observableArray(),
};
vm.myClass.push('class1');
vm.myClass.push('class2');还可以将类绑定与计算结果一起使用。
但是如果你不想使用它，你可以这样做：
<div data-bind="attr: { 'class' :( Color() + (SomeBooleanProperty() ? ' my-class' :'')) }">Stack Overflow用户
发布于 2014-06-21 08:07:35
您还可以使用经典的字符串格式：
<div data-bind="css: Color() + (SomeBooleanProperty ? ' my-class' : '')" >这一概念的一个实例是：
var fullString = ('some' + ' ' + 'strings ') + 'and' + ' ' + 'other strings';
console.log(fullString);
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17918300
复制
![小米手机_如何打开开发者模式？[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/eef1f7c5811a49163e127a63ff4cfae4.jpg)
相似问题
如何从视图模式自动切换到编辑模式，反之亦然。
打开Android摄像头，然后在新活动中打开捕获的图像
如何将jetpack摄像头预览从后面切换到前面，反之亦然？
如何在IPhone中将导航栏从横向模式切换到纵向模式，反之亦然
Android摄像头，保存图像，然后显示图像。
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
