en Kooboo Logo 说明文档

Class

 

HTML元素的CSS Class可以正常的属性一样定义, 也可以有一个JSON对象的定义方式, 会去检查对象的每个属性值的Truthy, 如果是真, 那就加上名字的class
 
因为定义class是很常见的行为, 这种额外的定义方式可以带来一些便利
 
示例如下 :
 
Vue 代码:
<div env="server">
	<script>
		var para = "text";
		function checkactive(input) {
		    return input === "text";
		} 
	</script>
	<div :class="{ isActive: checkactive(para), otherclass: true, nomatch:checkactive('nomatch')}"></div>
</div>
 
结果:
 
<div>
	
	<div class="isActive otherclass"></div>
</div>
 
相当 k- 的如下语法
 
<div env="server">
	<script>
        var para = "text"; 
		function checkactive(input) {
            return input === "text";
		} 
	</script>
	<div k-attribute="class { isActive: checkactive(para), otherclass: true, nomatch:checkactive('nomatch')}"></div>
</div>