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绑定)
46 0
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
69 1
15avalon - 指令ms-important(important绑定)
15avalon - 指令ms-important(important绑定)
54 1
|
JavaScript
24avalon - 指令ms-for(循环绑定)
24avalon - 指令ms-for(循环绑定)
46 0
|
前端开发 JavaScript
34avalon - 指令ms-effect(动画绑定)
34avalon - 指令ms-effect(动画绑定)
41 0
20avalon - 指令ms-active(active绑定)
20avalon - 指令ms-active(active绑定)
43 0
33avalon - 指令ms-validate(验证绑定)
33avalon - 指令ms-validate(验证绑定)
48 0
|
前端开发
26avalon - 指令ms-duplex(各表单元素用法)
26avalon - 指令ms-duplex(各表单元素用法)
48 1
30avalon - 指令ms-duplex(同步后的回调)
30avalon - 指令ms-duplex(同步后的回调)
37 0
27avalon - 指令ms-duplex(数据转换)
27avalon - 指令ms-duplex(数据转换)
48 1