<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8"?/>
<meta?http-equiv="X-UA-Compatible"?content="IE=edge"?/>
<meta?name="viewport"?content="width=device-width,?initial-scale=1"?/>
<title>demo-Avalon</title>
<link?href="./../../_libs/bootstrap/css/bootstrap.css"?rel="stylesheet">
<link?href="./../../_libs/animate/animate.css"?rel="stylesheet">
</head>
<body>
<div>
<div>
<div?ms-controller="todos">
<p>不知道為什么都不解析，暈死了</p>
<form?ms-on-submit="add">
<div>
<lable>將下面輸入的文字放入todo?list中!</lable>
<input?type="text"?ms-duplex='txt'?autocomplete="off">
</div>
</form>
<p?ms-if="todolist.size()>0">現有{{todolist.size()}}項?todo?list</p>
<ol>
<li?ms-repeat="todolist">
{{el}}
<a?href="javascript:void(0);"?ms-click="$remove">X</a>
</li>
</ol>
</div>
</div>
</div>
<script?src="./avalon.js"></script>
<script>
window.onload?=?function()?{
var?vm?=?avalon.define({
$id?????:?"todos",
txt?????:?'',
todolist:?[],
add?:?function(e)?{
e.preventDefault();
//?短路語法
!!vm.txt.trim()?&&?vm.todolist.push(vm.txt);
vm.txt('');
}
});
}
</script>
</body>
</html>
2017-07-01
不能使用window.onload