avalon实现数组动态创建功能

来源:互联网 发布:oa办公自动化系统源码 编辑:程序博客网 时间:2024/06/06 04:56

avalon实现数组成员元素动态创建功能

HTML正文:

<body ms-controller="vm"><!-- 绑定form的submit事件 --><form ms-on-submit="add" ><label>请在下列输入框中输入内容:</label><br><!-- ms-duplex:双工绑定:avalon中的属性值和dom对象的元素的值绑定 --><input type="text" ms-duplex="text"><input type="submit" value="提交"></form><br><p ms-if="todoList.size()>0">现有<font color="red">{{todoList.size()}}</font>项todoList!</p><ol><li ms-repeat="todoList">{{el}}<a href="#" ms-click="$remove" style="text-decoration:none;">&nbsp;&nbsp;x</a></li></ol></body>

Javascript操作代码:

var vm=avalon.define({    $id:"vm",    text:'',    todoList:[],    add:function(e){        e.preventDefault();        if(vm.text.length>0){        vm.todoList.push(vm.text);        vm.text='';        }    }});

效果:
这里写图片描述

0 0
原创粉丝点击