riot.js学习【四】表达式+Boolean属性

<h3 id={ /* 属性表达式 */ }>
    { /*这里可以写表达式*/ }</h3>

{ title || 'da宗熊' }
{ isReady ? 'ready' : 'loading' }
{ new Date() }
{ this.getName() }
{ Math.round(10) }
{ message.length > 100 && '消息太长了~' }

 <todo>
        <!-- value的计算很复杂 -->
        <p>{ value }</p>
        <p>{ this.getText(this.text) }</p>

        // 计算复杂的表达式
        this.on("update", function(){
            var d = new Date();
            this.value = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
        });
        this.text = "da宗熊";

        // getText方法，会依赖于this对象下
        getText(text){
            return "你好" + text;
        }    </todo>

<!-- 普通属性 -->
<input name={ false } >
<!-- Boolean属性 -->
<input checked={ null } >

<input name="false" ><input >

{ value == false }

<input value={ name } { isCheck ? 'checked' : '' } />

<input {="" true="" ?="" 'checked'="" :="" ''="" }="">

<input name={ "da宗熊" } >

<input da宗熊"="" }"="" name="{ ">