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')'
目录
相关文章
13avalon - 指令ms-skip (skip绑定)
13avalon - 指令ms-skip (skip绑定)
50 0
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
73 1
15avalon - 指令ms-important(important绑定)
15avalon - 指令ms-important(important绑定)
58 1
|
JavaScript
24avalon - 指令ms-for(循环绑定)
24avalon - 指令ms-for(循环绑定)
53 0
33avalon - 指令ms-validate(验证绑定)
33avalon - 指令ms-validate(验证绑定)
52 0
20avalon - 指令ms-active(active绑定)
20avalon - 指令ms-active(active绑定)
48 0
|
JavaScript
31avalon - 指令ms-rules(验证规则绑定)
31avalon - 指令ms-rules(验证规则绑定)
51 0
|
前端开发 JavaScript
34avalon - 指令ms-effect(动画绑定)
34avalon - 指令ms-effect(动画绑定)
44 0
32avalon - 指令ms-rules(自定义验证规则)
32avalon - 指令ms-rules(自定义验证规则)
43 1
|
6月前
|
芯片
USB Type-C引脚解析 && CC、DFP、UFP、DRP用途解析
USB Type-C引脚解析 && CC、DFP、UFP、DRP用途解析