28avalon - 指令ms-duplex(数据格式化)

简介: 28avalon - 指令ms-duplex(数据格式化)

一般来说,数据格式化是由过滤器实现的,如

<input value="11"  ms-duplex="@aaa | uppercase"/

但这里有一个隐患,可能导致死循环, 因此建议放在事件回调中实现.

<body ms-controller="test">
    <script>
    var vm = avalon.define({
        $id: 'test',
        aaa: '111',
        bbb: '222',
        format1: function(e){//只能输入数字
           vm.aaa = e.target.value.replace(/\D/g,'')
        },
        format1: function(e){//只能输入数字
           vm.bbb = avalon.filter.date(e.target.value, 'yyyy-MM-dd')
        }
    })
    </script>
    <input :duplex="@aaa" :on-input="@format1"/>{{@aaa}}
    <input :duplex="@bbb" :on-change="@format2"/>{{@bbb}}
</body>

数据格式化是放在属性值时,以过滤器形式存在,如

ms-duplex='@aaa | uppercase'
ms-duplex='@aaa | date('yyyy:MM:dd')'
目录
相关文章
|
9月前
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
42 1
|
9月前
15avalon - 指令ms-important(important绑定)
15avalon - 指令ms-important(important绑定)
34 1
|
9月前
|
JavaScript
24avalon - 指令ms-for(循环绑定)
24avalon - 指令ms-for(循环绑定)
31 0
|
9月前
|
前端开发 JavaScript
34avalon - 指令ms-effect(动画绑定)
34avalon - 指令ms-effect(动画绑定)
28 0
|
9月前
33avalon - 指令ms-validate(验证绑定)
33avalon - 指令ms-validate(验证绑定)
30 0
|
9月前
20avalon - 指令ms-active(active绑定)
20avalon - 指令ms-active(active绑定)
22 0
|
9月前
|
JavaScript
31avalon - 指令ms-rules(验证规则绑定)
31avalon - 指令ms-rules(验证规则绑定)
33 0
|
15天前
|
芯片
USB Type-C引脚解析 && CC、DFP、UFP、DRP用途解析
USB Type-C引脚解析 && CC、DFP、UFP、DRP用途解析
|
9月前
|
前端开发
26avalon - 指令ms-duplex(各表单元素用法)
26avalon - 指令ms-duplex(各表单元素用法)
33 1
|
9月前
30avalon - 指令ms-duplex(同步后的回调)
30avalon - 指令ms-duplex(同步后的回调)
25 0